Breadcrumb bug fix

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

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.

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>

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, 
+@mixin make-margin-responsive ($margin-name, $margin-medium-breakpoint,
-	$margin-large-breakpoint, $margin-small-value, $margin-medium-value, 
+	$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, 
+@mixin make-padding-responsive ($padding-name, $padding-medium-breakpoint,
-	$padding-large-breakpoint, $padding-small-value, $padding-medium-value, 
+	$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;
 	}
-}
+}