Emilio Cobos Álvarez
7e9f44c2d3
This is technically a behavior change because we don't really look at the appearance value of the progressbar etc anymore. We could do that if wanted, but it's more consistent to just look at the individual frame (looking forward to appearance: base and other potential compat improvements we could make in the area). Differential Revision: https://phabricator.services.mozilla.com/D253256
37 lines
813 B
CSS
37 lines
813 B
CSS
div.progress-element {
|
|
-moz-appearance: progressbar;
|
|
display: inline-block;
|
|
height: 1em;
|
|
width: 10em;
|
|
vertical-align: -0.2em;
|
|
|
|
/* Default style in case of there is -moz-appearance: none; */
|
|
border: 1px solid ThreeDShadow;
|
|
border-right-color: ThreeDHighlight;
|
|
border-bottom-color: ThreeDHighlight;
|
|
background-color: #e6e6e6;
|
|
}
|
|
|
|
div.progress-element.vertical {
|
|
height: 10em;
|
|
width: 1em;
|
|
}
|
|
|
|
div.progress-bar {
|
|
height: 100%;
|
|
/*
|
|
* We can't apply the following style to the reference because it will have
|
|
* underisable effectes:
|
|
* width: 100%;
|
|
*/
|
|
|
|
box-sizing: border-box;
|
|
|
|
/* Default style in case of there is -moz-appearance: none; */
|
|
background-color: #0064b4;
|
|
}
|
|
|
|
progress, progress::-moz-progress-bar, div.progress-element, div.progress-bar {
|
|
-moz-appearance: none;
|
|
}
|