Files
sogo/UI/WebServerResources/scss/components/radioButton/radio-button-theme.scss

69 lines
1.3 KiB
SCSS

md-radio-button.md-THEME_NAME-theme {
.md-off {
border-color: '{{foreground-2}}';
}
.md-on {
background-color: '{{accent-color-0.87}}';
}
&.md-checked .md-off {
border-color: '{{accent-color-0.87}}';
}
&.md-checked .md-ink-ripple {
color: '{{accent-color-0.87}}';
}
.md-container .md-ripple {
color: '{{accent-600}}';
}
&:not([disabled]) {
&.md-warn {
.md-on {
background-color: '{{warn-color-0.87}}';
}
&.md-checked .md-off {
border-color: '{{warn-color-0.87}}';
}
&.md-checked .md-ink-ripple {
color: '{{warn-color-0.87}}';
}
.md-container .md-ripple {
color: '{{warn-600}}';
}
}
&.md-primary {
.md-on {
background-color: '{{primary-color-0.87}}';
}
&.md-checked .md-off {
border-color: '{{primary-color-0.87}}';
}
&.md-checked .md-ink-ripple {
color: '{{primary-color-0.87}}';
}
.md-container .md-ripple {
color: '{{primary-600}}';
}
}
}
&[disabled] {
.md-container .md-off {
border-color: '{{foreground-3}}';
}
.md-container .md-on {
border-color: '{{foreground-3}}';
}
}
}
md-radio-group.md-THEME_NAME-theme:focus:not(:empty) {
border-color: '{{foreground-1}}';
}