Sha256: 2ffb02ee4babf7591384c91281e47e86fbfec2c186ff4a1338287b97e494f4d3
Contents?: true
Size: 1.9 KB
Versions: 32
Compression:
Stored size: 1.9 KB
Contents
// Foundation for Sites by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source
////
/// @group progress-bar
////
/// Height of a progress bar.
/// @type Number
$progress-height: 1rem !default;
/// Background color of a progress bar.
/// @type Color
$progress-background: $medium-gray !default;
/// Bottom margin of a progress bar.
/// @type Number
$progress-margin-bottom: $global-margin !default;
/// Default color of a progress bar's meter.
/// @type Color
$progress-meter-background: $primary-color !default;
/// Default radius of a progress bar.
/// @type Number
$progress-radius: $global-radius !default;
@mixin foundation-progress-element {
progress {
display: block;
width: 100%;
height: $progress-height;
margin-bottom: $progress-margin-bottom;
appearance: none;
@if hasvalue($progress-radius) {
border-radius: $progress-radius;
}
// For Firefox
border: 0;
background: $progress-background;
&::-webkit-progress-bar {
background: $progress-background;
@if hasvalue($progress-radius) {
border-radius: $progress-radius;
}
}
&::-webkit-progress-value {
background: $progress-meter-background;
@if hasvalue($progress-radius) {
border-radius: $progress-radius;
}
}
&::-moz-progress-bar {
background: $progress-meter-background;
@if hasvalue($progress-radius) {
border-radius: $progress-radius;
}
}
@each $name, $color in $foundation-palette {
&.#{$name} {
// Internet Explorer sets the fill with color
color: $color;
&::-webkit-progress-value {
background: $color;
}
&::-moz-progress-bar {
background: $color;
}
}
}
// For IE and Edge
&::-ms-fill {
@if hasvalue($progress-radius) {
border-radius: $progress-radius;
}
border: 0;
}
}
}
Version data entries
32 entries across 32 versions & 7 rubygems