bulma/sass/elements/progress.sass

33 lines
697 B
Sass
Raw Normal View History

2016-03-26 16:46:15 +00:00
.progress
2016-09-22 22:14:18 +00:00
+block
2016-03-26 16:46:15 +00:00
-moz-appearance: none
-webkit-appearance: none
border: none
border-radius: 290486px
display: block
2016-10-30 10:41:53 +00:00
height: $size-normal
2016-03-26 16:46:15 +00:00
overflow: hidden
padding: 0
width: 100%
&::-webkit-progress-bar
2016-06-29 22:59:48 +00:00
background-color: $border
&::-webkit-progress-value
2016-06-29 22:59:48 +00:00
background-color: $text
2016-03-26 16:46:15 +00:00
&::-moz-progress-bar
2016-06-29 22:59:48 +00:00
background-color: $text
2016-04-10 15:00:32 +00:00
// Colors
2016-03-26 16:46:15 +00:00
@each $name, $pair in $colors
$color: nth($pair, 1)
&.is-#{$name}
&::-webkit-progress-value
2016-06-29 22:59:48 +00:00
background-color: $color
2016-03-26 16:46:15 +00:00
&::-moz-progress-bar
2016-06-29 22:59:48 +00:00
background-color: $color
2016-04-10 15:00:32 +00:00
// Sizes
&.is-small
2016-10-30 10:41:53 +00:00
height: $size-small
2016-04-10 15:00:32 +00:00
&.is-medium
2016-10-30 10:41:53 +00:00
height: $size-medium
2016-04-10 15:00:32 +00:00
&.is-large
2016-10-30 10:41:53 +00:00
height: $size-large