mirror of
https://github.com/Chalarangelo/mini.css.git
synced 2025-07-31 02:50:26 +02:00
Breadcrumb bug fix
This commit is contained in:
@@ -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.
|
||||
|
@@ -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>
|
||||
|
@@ -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);
|
||||
|
Reference in New Issue
Block a user