Disabled floats and clearfix from default flavor

This commit is contained in:
Angelos Chalaris 2017-01-31 10:21:06 +02:00
parent f577ce28c1
commit 1f03644282
5 changed files with 35 additions and 34 deletions

11
dist/mini-default.css vendored
View file

@ -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; }

File diff suppressed because one or more lines are too long

View file

@ -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`.

View file

@ -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);

View file

@ -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;
}