
| Current Path : /var/www/html/rocksensor1/web/core/themes/claro/css/components/ |
Linux ift1.ift-informatik.de 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 |
| Current File : /var/www/html/rocksensor1/web/core/themes/claro/css/components/progress.css |
/*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/3084859
* @preserve
*/
/**
* @file
* Visual styles for progress bar.
*
* @see progress.js
*/
:root {
--progress-bar-bg-color: var(--color-absolutezero);
--progress-bar-border-color: var(--color-absolutezero);
--progress-bar-label-font-size: var(--font-size-base);
--progress-bar-small-label-font-size: var(--font-size-label);
--progress-bar-default-size: calc(var(--space-m) - (2 * var(--progress-bar-border-size)));
--progress-bar-default-size-radius: var(--space-m);
}
.progress::after {
display: table;
clear: both;
content: "";
}
.progress--small .progress__track {
height: var(--progress-bar-small-size);
}
.progress--small .progress__bar {
width: var(--progress-bar-small-size);
min-width: var(--progress-bar-small-size);
height: var(--progress-bar-small-size);
}
.progress--small .progress__label {
font-size: var(--progress-bar-small-label-font-size);
}
.progress__track {
height: var(--progress-bar-default-size);
margin-block-start: 0;
border: var(--progress-bar-border-size) var(--progress-track-border-color) solid;
border-radius: var(--progress-bar-default-size-radius);
background-color: var(--progress-track-bg-color);
}
.progress__bar {
width: var(--progress-bar-default-size);
min-width: var(--progress-bar-default-size);
height: var(--progress-bar-default-size);
margin-block-start: calc(var(--progress-bar-border-size) * -1);
margin-inline-start: calc(var(--progress-bar-border-size) * -1);
transition: var(--progress-bar-transition);
border: var(--progress-bar-border-size) var(--progress-bar-border-color) solid;
border-radius: var(--progress-bar-default-size-radius);
background-color: var(--progress-bar-bg-color);
}
@media screen and (prefers-reduced-motion: reduce) {
.progress__bar {
transition: none;
}
}
@media (forced-colors: active) {
.progress__bar {
background-color: canvastext;
}
}
.progress__label {
margin-block-end: var(--progress-bar-spacing-size);
font-size: var(--progress-bar-label-font-size);
font-weight: bold;
}
.progress__description,
.progress__percentage {
overflow: hidden;
margin-block-start: var(--progress-bar-spacing-size);
color: var(--progress-bar-description-color);
font-size: var(--progress-bar-description-font-size);
}