Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | /*** |
| 2 | Customized Progress Bars |
||
| 3 | ***/ |
||
| 4 | |||
| 5 | .progress { |
||
| 6 | border: 0; |
||
| 7 | background-image: none; |
||
| 8 | filter: none; |
||
| 9 | box-shadow: none; |
||
| 10 | -webkit-box-shadow: none; |
||
| 11 | -moz-box-shadow: none; |
||
| 12 | box-shadow: none; |
||
| 13 | |||
| 14 | &.progress-sm { |
||
| 15 | height: 12px; |
||
| 16 | } |
||
| 17 | |||
| 18 | .page-md & { |
||
| 19 | text-indent: -99999px; |
||
| 20 | } |
||
| 21 | } |
||
| 22 | |||
| 23 | /* Custom colors */ |
||
| 24 | |||
| 25 | @each $name, $colors in $component-colors { |
||
| 26 | .progress-bar.#{$name} { |
||
| 27 | background: map-get($colors, base) !important; |
||
| 28 | color: map-get($colors, font) !important; |
||
| 29 | } |
||
| 30 | } |
||
| 31 | |||
| 32 | @if $theme-type == "material-design" { |
||
| 33 | .progress { |
||
| 34 | height: 8px; |
||
| 35 | border-radius: 0 !important; |
||
| 36 | |||
| 37 | &.progress-sm { |
||
| 38 | height: 6px; |
||
| 39 | } |
||
| 40 | } |
||
| 41 | } |