0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-29 21:52:22 +01:00

move mixins that generate css to utilities.less with different class names, but the same mixins

This commit is contained in:
Mark Otto 2012-09-26 08:59:57 -07:00
parent b6ba717b75
commit 6b578ec8de
4 changed files with 54 additions and 62 deletions

View File

@ -8,34 +8,6 @@
* Designed and built with all the love in the world @twitter by @mdo and @fat. * Designed and built with all the love in the world @twitter by @mdo and @fat.
*/ */
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.hidden { .hidden {
display: none; display: none;
visibility: hidden; visibility: hidden;

View File

@ -125,34 +125,6 @@ textarea {
vertical-align: top; vertical-align: top;
} }
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body { body {
margin: 0; margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
@ -5703,6 +5675,17 @@ a.badge:hover {
color: inherit; color: inherit;
} }
.clear:before,
.clear:after {
display: table;
line-height: 0;
content: "";
}
.clear:after {
clear: both;
}
.pull-right { .pull-right {
float: right; float: right;
} }
@ -5723,6 +5706,23 @@ a.badge:hover {
visibility: hidden; visibility: hidden;
} }
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.affix { .affix {
position: fixed; position: fixed;
} }
.control-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

View File

@ -9,7 +9,7 @@
// Clearfix // Clearfix
// -------- // --------
// For clearing floats like a boss h5bp.com/q // For clearing floats like a boss h5bp.com/q
.clearfix { .clearfix() {
&:before, &:before,
&:after { &:after {
display: table; display: table;
@ -77,7 +77,7 @@
// CSS image replacement // CSS image replacement
// ------------------------- // -------------------------
// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 // Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
.hide-text { .hide-text() {
font: 0/0 a; font: 0/0 a;
color: transparent; color: transparent;
text-shadow: none; text-shadow: none;
@ -125,7 +125,7 @@
// -------------------------------------------------- // --------------------------------------------------
// Block level inputs // Block level inputs
.input-block-level { .input-block-level() {
display: block; display: block;
width: 100%; width: 100%;
min-height: @inputHeight; // Make inputs at least the height of their button counterpart (base line-height + padding + border) min-height: @inputHeight; // Make inputs at least the height of their button counterpart (base line-height + padding + border)

View File

@ -3,7 +3,12 @@
// -------------------------------------------------- // --------------------------------------------------
// Quick floats // Floats
// -------------------------
.clear {
.clearfix();
}
.pull-right { .pull-right {
float: right; float: right;
} }
@ -11,20 +16,35 @@
float: left; float: left;
} }
// Toggling content // Toggling content
// -------------------------
.hide { .hide {
display: none; display: none;
} }
.show { .show {
display: block; display: block;
} }
// Visibility
.invisible { .invisible {
visibility: hidden; visibility: hidden;
} }
.text-hide {
.hide-text();
}
// For Affix plugin // For Affix plugin
// -------------------------
.affix { .affix {
position: fixed; position: fixed;
} }
// Forms
// -------------------------
.control-block-level {
.input-block-level();
}