sogo/UI/WebServerResources/scss/components/progressLinear/progressLinear-theme.scss

45 lines
917 B
SCSS

md-progress-linear.md-THEME_NAME-theme {
.md-container {
background-color: '{{primary-100}}';
}
.md-bar {
background-color: '{{primary-color}}';
}
&.md-warn .md-container {
background-color: '{{warn-100}}';
}
&.md-warn .md-bar {
background-color: '{{warn-color}}';
}
&.md-accent .md-container {
background-color: '{{accent-100}}';
}
&.md-accent .md-bar {
background-color: '{{accent-color}}';
}
&[md-mode=buffer] {
&.md-warn {
.md-bar1 {
background-color: '{{warn-100}}';
}
.md-dashed:before {
background: radial-gradient('{{warn-100}}' 0%, '{{warn-100}}' 16%, transparent 42%);
}
}
&.md-accent {
.md-bar1 {
background-color: '{{accent-100}}';
}
.md-dashed:before {
background: radial-gradient('{{accent-100}}' 0%, '{{accent-100}}' 16%, transparent 42%);
}
}
}
}