Add affirmative and destructive secondary button variants
This commit is contained in:
parent
0555ef0a1e
commit
95482fbf31
6 changed files with 72 additions and 136 deletions
|
@ -71,6 +71,14 @@
|
|||
background: fade-out($background-color, 0.6);
|
||||
}
|
||||
|
||||
&--primary {
|
||||
color: $ultramarine-ui-light;
|
||||
}
|
||||
|
||||
&--destructive {
|
||||
color: $color-accent-red;
|
||||
}
|
||||
|
||||
@include hover-and-active-states($background-color, $color-black);
|
||||
}
|
||||
|
||||
|
@ -86,6 +94,14 @@
|
|||
background: fade-out($background-color, 0.6);
|
||||
}
|
||||
|
||||
&--primary {
|
||||
color: $ultramarine-ui-dark;
|
||||
}
|
||||
|
||||
&--destructive {
|
||||
color: $color-accent-red;
|
||||
}
|
||||
|
||||
@include hover-and-active-states($background-color, $color-white);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue