Disabled floats and clearfix from default flavor
This commit is contained in:
parent
f577ce28c1
commit
1f03644282
5 changed files with 35 additions and 34 deletions
11
dist/mini-default.css
vendored
11
dist/mini-default.css
vendored
|
@ -1720,11 +1720,6 @@ ul.breadcrumbs {
|
|||
-webkit-transform: rotateZ(-45deg);
|
||||
transform: rotateZ(-45deg); }
|
||||
|
||||
.clearfix:before, .clearfix:after {
|
||||
content: ' ' !important;
|
||||
display: table !important;
|
||||
clear: both !important; }
|
||||
|
||||
.center-block {
|
||||
display: block !important;
|
||||
margin-left: auto !important;
|
||||
|
@ -1771,9 +1766,3 @@ ul.breadcrumbs {
|
|||
|
||||
.shadow-large {
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15) !important; }
|
||||
|
||||
.float-left {
|
||||
float: left !important; }
|
||||
|
||||
.float-right {
|
||||
float: right !important; }
|
||||
|
|
2
dist/mini-default.min.css
vendored
2
dist/mini-default.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -789,3 +789,8 @@
|
|||
- With the addition of the new `nav` sidebar to the main flavor, the file size is now `6.86KB`. This is very close to the final size for the *v2.1.0* release, as most of the new features have been added already.
|
||||
- Added `label` element `padding` via variables to address certain issues. Tweaked `checkbox` and `radio` components to match changes.
|
||||
- Added flag for `fluid` `input-group`s and created the related component. `fluid` `input-group`s will now be part of the default flavor, taking the file size up to `6.93KB`, which is probably the final size of the next release. - Deals with #50.
|
||||
|
||||
## 20170131
|
||||
|
||||
- Added flags for `floats` and `clearfix`, turned both utilites of by default, as they are mostly useless.
|
||||
- After removing the two components mentioned above, size is now `6.89KB`.
|
||||
|
|
|
@ -570,9 +570,14 @@ $responsive-padding-small-value:2px 4px; // Padding value for responsiv
|
|||
$responsive-padding-medium-value: // Padding value for responsive padding on medium screens
|
||||
4px 6px;
|
||||
$responsive-padding-large-value:6px 8px; // Padding value for responsive padding on large screens
|
||||
$float-prefix: 'float'; // Prefix for float classes
|
||||
$clearfix-name: 'clearfix'; // Class name for clearfix
|
||||
$include-floats: false; // Should floats be included? (`true`/`false`) [1]
|
||||
$include-clearfix: false; // Should clearfix be included? (`true`/`false`) [2]
|
||||
$center-block-name: 'center-block'; // Class name for center block
|
||||
// Notes:
|
||||
// [1] - If the value of $include-floats is `true`, float classes will be created using the value of $float-prefix to determine the class
|
||||
// names that will be used.
|
||||
// [2] - If the value of $include-clearfix is true, a clearfix class will be created using the value of $clearfix-name to determine the
|
||||
// class name of the clearfix component.
|
||||
// Load modules. If you do not want to use a module, comment out its `@import` statement, along with any mixin `@include`s that are part of
|
||||
// that module and marked as such below it.
|
||||
@import '../mini/core';
|
||||
|
@ -657,4 +662,3 @@ $center-block-name: 'center-block'; // Class name for center block
|
|||
@include make-box-shadow-generic ($box-shadow-style2-name, $box-shadow-style2-value);
|
||||
@include make-box-shadow-generic ($box-shadow-style3-name, $box-shadow-style3-value);
|
||||
@include make-box-shadow-generic ($box-shadow-style4-name, $box-shadow-style4-value);
|
||||
@include make-floats ($float-prefix);
|
||||
|
|
|
@ -127,20 +127,6 @@ ul.#{$breadcrumbs-name} {
|
|||
transform: rotateZ(-45deg);
|
||||
}
|
||||
}
|
||||
// Clearfix. ATTENTION: Uses !important.
|
||||
.#{$clearfix-name} {
|
||||
&:before, &:after {
|
||||
content: ' ' !important;
|
||||
display: table !important;
|
||||
clear: both !important;
|
||||
}
|
||||
}
|
||||
// Center block. ATTENTION: Uses !important.
|
||||
.#{$center-block-name} {
|
||||
display: block !important;
|
||||
margin-left: auto !important;
|
||||
margin-right: auto !important;
|
||||
}
|
||||
// Generic border mixin. ATTENTION: Uses !important.
|
||||
// Variables:
|
||||
// - $border-generic-name : The name of the class used for the generic border.
|
||||
|
@ -217,11 +203,11 @@ ul.#{$breadcrumbs-name} {
|
|||
}
|
||||
}
|
||||
}
|
||||
// Floats mixin. ATTENTION: Uses !important.
|
||||
// NOTE: This mixin might be obsolete and not play well with others.
|
||||
// Variables:
|
||||
// - $float-prefix : Prefix for the class names of floats.
|
||||
@mixin make-floats ($float-prefix) {
|
||||
$include-floats: false !default; // Should floats be included?
|
||||
$include-clearfix: false !default; // Should clearfix be included?
|
||||
// Floats. ATTENTION: Uses !important.
|
||||
// NOTE: Might be obsolete and not play well with others.
|
||||
@if $include-floats {
|
||||
.#{$float-prefix}-left {
|
||||
float: left !important;
|
||||
}
|
||||
|
@ -229,3 +215,20 @@ ul.#{$breadcrumbs-name} {
|
|||
float: right !important;
|
||||
}
|
||||
}
|
||||
// Clearfix mixin. ATTENTION: Uses !important.
|
||||
// NOTE: Might be obsolete and not play well with others.
|
||||
@if $include-clearfix {
|
||||
.#{$clearfix-name} {
|
||||
&:before, &:after {
|
||||
content: ' ' !important;
|
||||
display: table !important;
|
||||
clear: both !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
// Center block. ATTENTION: Uses !important.
|
||||
.#{$center-block-name} {
|
||||
display: block !important;
|
||||
margin-left: auto !important;
|
||||
margin-right: auto !important;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue