diff --git a/dist/mini-default.css b/dist/mini-default.css index 23356fd..519f299 100644 --- a/dist/mini-default.css +++ b/dist/mini-default.css @@ -1535,8 +1535,8 @@ progress.nano { width: 32px; height: 32px; } -/* - Definitions for utilities and helper classes. +/* + Definitions for utilities and helper classes. */ .hidden { display: none !important; } diff --git a/docs/v2/DEVLOG.md b/docs/v2/DEVLOG.md index 5414af8..0069048 100644 --- a/docs/v2/DEVLOG.md +++ b/docs/v2/DEVLOG.md @@ -769,3 +769,4 @@ ## 20170116 - Added `$include-horizontal-table` flag in `table` module to conditionally enable/disable the `horizontal` `table`s. +- Updated `breadcrumbs` component in the `utility` module to properly utilize the `ceil()` Sass function, so that no white line errors are shown, effectively fixing the only bug I managed to find with the component's presentation. diff --git a/docs/v2/demo.html b/docs/v2/demo.html index f1b1971..bba28d7 100644 --- a/docs/v2/demo.html +++ b/docs/v2/demo.html @@ -144,6 +144,18 @@ +
+
+ +
+
+ + + diff --git a/src/mini/_utility.scss b/src/mini/_utility.scss index 0cce1c8..bb8cdf0 100644 --- a/src/mini/_utility.scss +++ b/src/mini/_utility.scss @@ -1,5 +1,5 @@ -/* - Definitions for utilities and helper classes. +/* + Definitions for utilities and helper classes. */ // Hidden elements class. ATTENTION: Uses !important. .#{$hidden-name}{ @@ -65,7 +65,7 @@ ul.#{$breadcrumbs-name} { width: 0; height: 0; border: 0 solid $breadcrumbs-back-color; - border-width: ($breadcrumbs-height/2) ($breadcrumbs-height/4); + border-width: ($breadcrumbs-height/2) ceil($breadcrumbs-height/4); } &:before { left: -($breadcrumbs-height/2); @@ -87,7 +87,7 @@ ul.#{$breadcrumbs-name} { border: 0; } } - } + } } // Close icon .#{$close-icon-name}{ @@ -119,11 +119,11 @@ ul.#{$breadcrumbs-name} { } &:before { -webkit-transform: rotateZ(45deg); - transform: rotateZ(45deg); + transform: rotateZ(45deg); } &:after { -webkit-transform: rotateZ(-45deg); - transform: rotateZ(-45deg); + transform: rotateZ(-45deg); } } // Clearfix. ATTENTION: Uses !important. @@ -155,7 +155,7 @@ ul.#{$breadcrumbs-name} { @mixin make-border-radial-style ($border-radial-name, $border-radial-radius) { .#{$border-radial-name} { border-radius: $border-radial-radius !important; - } + } } // Generic box shadow mixin. ATTENTION: Uses !important. // Variables: @@ -174,8 +174,8 @@ ul.#{$breadcrumbs-name} { // - $margin-small-value : Responsive margin value for smaller screens. // - $margin-medium-value : Responsive margin value for medium screens. // - $margin-large-value : Responsive margin value for large screens. -@mixin make-margin-responsive ($margin-name, $margin-medium-breakpoint, - $margin-large-breakpoint, $margin-small-value, $margin-medium-value, +@mixin make-margin-responsive ($margin-name, $margin-medium-breakpoint, + $margin-large-breakpoint, $margin-small-value, $margin-medium-value, $margin-large-value) { .#{$margin-name} { margin: $margin-small-value !important; @@ -199,8 +199,8 @@ ul.#{$breadcrumbs-name} { // - $padding-small-value : Responsive padding value for smaller screens. // - $padding-medium-value : Responsive padding value for medium screens. // - $padding-large-value : Responsive padding value for large screens. -@mixin make-padding-responsive ($padding-name, $padding-medium-breakpoint, - $padding-large-breakpoint, $padding-small-value, $padding-medium-value, +@mixin make-padding-responsive ($padding-name, $padding-medium-breakpoint, + $padding-large-breakpoint, $padding-small-value, $padding-medium-value, $padding-large-value) { .#{$padding-name} { padding: $padding-small-value !important; @@ -227,4 +227,4 @@ ul.#{$breadcrumbs-name} { .#{$float-prefix}-right { float: right !important; } -} \ No newline at end of file +}