mirror of
https://github.com/Hopiu/vue-material.git
synced 2026-04-10 09:51:08 +00:00
68 lines
1.3 KiB
Text
68 lines
1.3 KiB
Text
.THEME_NAME {
|
|
.md-checkbox,
|
|
&.md-checkbox {
|
|
&.md-checked {
|
|
.md-checkbox-container {
|
|
background-color: #{'ACCENT-COLOR'};
|
|
border-color: #{'ACCENT-COLOR'};
|
|
|
|
&:after {
|
|
border-color: #{'ACCENT-CONTRAST'};
|
|
}
|
|
}
|
|
|
|
.md-ink-ripple {
|
|
color: #{'ACCENT-COLOR'};
|
|
}
|
|
|
|
.md-ripple {
|
|
opacity: .38;
|
|
}
|
|
}
|
|
|
|
&.md-primary.md-checked {
|
|
.md-checkbox-container {
|
|
background-color: #{'PRIMARY-COLOR'};
|
|
border-color: #{'PRIMARY-COLOR'};
|
|
|
|
&:after {
|
|
border-color: #{'PRIMARY-CONTRAST'};
|
|
}
|
|
}
|
|
|
|
.md-ink-ripple {
|
|
color: #{'PRIMARY-COLOR'};
|
|
}
|
|
}
|
|
|
|
&.md-warn.md-checked {
|
|
.md-checkbox-container {
|
|
background-color: #{'WARN-COLOR'};
|
|
border-color: #{'WARN-COLOR'};
|
|
|
|
&:after {
|
|
border-color: #{'WARN-CONTRAST'};
|
|
}
|
|
}
|
|
|
|
.md-ink-ripple {
|
|
color: #{'WARN-COLOR'};
|
|
}
|
|
}
|
|
|
|
&.md-disabled {
|
|
&.md-checked {
|
|
.md-checkbox-container {
|
|
background-color: rgba(#000, .26);
|
|
border-color: transparent;
|
|
}
|
|
}
|
|
|
|
&:not(.md-checked) {
|
|
.md-checkbox-container {
|
|
border-color: rgba(#000, .26);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|