thumbnails cleanup: no more UL or LI elements needed, instead just use standard grid markup

This commit is contained in:
Mark Otto
2012-09-25 22:40:48 -07:00
parent 08eea302ef
commit f12946be5a
15 changed files with 138 additions and 314 deletions

View File

@@ -16,12 +16,4 @@
#grid > .core(@gridColumnWidth1200, @gridGutterWidth1200, @gridRowWidth1200);
#grid > .input(@gridColumnWidth1200, @gridGutterWidth1200, @gridRowWidth1200);
// Thumbnails
.thumbnails {
margin-left: -@gridGutterWidth1200;
}
.thumbnails > li {
margin-left: @gridGutterWidth1200;
}
}

View File

@@ -43,15 +43,10 @@
.container {
width: auto;
}
// Undo negative margin on rows and thumbnails
.row,
.thumbnails {
// Undo negative margin on rows
.row {
margin-left: 0;
}
.thumbnails > li {
float: none;
margin-left: 0; // Reset the default margin for all li elements when no .span* classes are present
}
// Make all grid-sized elements block level again
[class*="span"],
// Makes uneditable inputs full-width when using grid sizing
@@ -60,20 +55,12 @@
display: block;
width: 100%;
margin-left: 0;
.box-sizing(border-box);
}
.span12 {
width: 100%;
.box-sizing(border-box);
}
// FORM FIELDS
// -----------
// Make span* classes full width
.input-large,
.input-xlarge,
.input-xxlarge,
input[class*="span"],
select[class*="span"],
textarea[class*="span"],

View File

@@ -3,26 +3,6 @@
// --------------------------------------------------
// Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
// Make wrapper ul behave like the grid
.thumbnails {
margin-left: -@gridGutterWidth;
list-style: none;
.clearfix();
}
// Fluid rows have no left margin
.row-fluid .thumbnails {
margin-left: 0;
}
// Float li to make thumbnails appear in a row
.thumbnails > li {
float: left; // Explicity set the float since we don't require .span* classes
margin-bottom: @baseLineHeight;
margin-left: @gridGutterWidth;
}
// The actual thumbnail (can be `a` or `div`)
.thumbnail {
display: block;