mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-04-21 21:01:51 +02:00
Code Issues Releases Wiki Activity

Breadcrumb bug fix

Browse Source
This commit is contained in:
Angelos Chalaris 2017-01-16 23:41:27 +02:00
parent 8b370db038
commit 61eca67df9
4 changed files with 27 additions and 14 deletions

4
dist/mini-default.css vendored

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

1
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.

12
docs/v2/demo.html

@ -144,6 +144,18 @@
</div>
</div>
</div>
<div class="row cols-sm-12 cols-md-10">
<div class="col-md-offset-1">
<ul class="breadcrumbs">
<li><a href="#">Root</a></li>
<li><a href="#">Folder</a></li>
<li>File</li>
</ul>
</div>
</div>
</div></main>
<!-- End of page content-->
<footer class="sticky"><strong>mini.css</strong> was designed and built with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://github.com/Chalarangelo">@Chalarangelo</a>. It is licensed under the <a href="https://github.com/Chalarangelo/mini.css/blob/master/LICENSE">MIT License</a>. You can view the project's source code on <a href="https://github.com/Chalarangelo/mini.css">Github</a>.</footer>

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