修正文案
parent
386d613af7
commit
069eb5fc9c
|
@ -142,10 +142,18 @@ class Button extends Component {
|
||||||
box-shadow: 0 0 0 2px var(--color-plain-a);
|
box-shadow: 0 0 0 2px var(--color-plain-a);
|
||||||
}
|
}
|
||||||
|
|
||||||
$colors: 'teal', 'blue', 'green', 'orange', 'red', 'dark', 'grey';
|
$colors: (
|
||||||
|
primary: 'teal',
|
||||||
|
info: 'blue',
|
||||||
|
success: 'green',
|
||||||
|
warning: 'orange',
|
||||||
|
danger: 'red',
|
||||||
|
secondary: 'dark',
|
||||||
|
help: 'grey'
|
||||||
|
);
|
||||||
|
|
||||||
@each $c in $colors {
|
@loop $t, $c in $colors {
|
||||||
:host([#{$c}]) {
|
:host([type='#{$t}']) {
|
||||||
button {
|
button {
|
||||||
color: var(--color-#{$c}-2);
|
color: var(--color-#{$c}-2);
|
||||||
border: 1px solid var(--color-#{$c}-2);
|
border: 1px solid var(--color-#{$c}-2);
|
||||||
|
|
Loading…
Reference in New Issue