add button active states
This commit is contained in:
parent
f9f0da8c27
commit
62de61f508
1 changed files with 16 additions and 3 deletions
|
@ -265,7 +265,7 @@ span[data-tooltip]:hover:before {
|
|||
color: hsl(202,68%,54%);
|
||||
background: white;
|
||||
border-color: rgba(0,0,0,.1);
|
||||
outline: none;
|
||||
outline: none !important;
|
||||
|
||||
&.is-disabled {
|
||||
pointer-events: none;
|
||||
|
@ -275,6 +275,7 @@ span[data-tooltip]:hover:before {
|
|||
|
||||
&:active {
|
||||
box-shadow: none;
|
||||
background: hsl(0,0%,98%);
|
||||
}
|
||||
|
||||
&.btn--action {
|
||||
|
@ -284,18 +285,26 @@ span[data-tooltip]:hover:before {
|
|||
|
||||
&.btn--primary {
|
||||
color: white;
|
||||
background: #419ed7;
|
||||
border-color: #419ed7;
|
||||
background: hsl(203,65%,55%);
|
||||
&:active {
|
||||
background: hsl(203,65%,45%);
|
||||
}
|
||||
}
|
||||
|
||||
&.btn--success {
|
||||
color: white;
|
||||
background: hsl(145,51%,45%);
|
||||
&:active {
|
||||
background: hsl(145,51%,35%);
|
||||
}
|
||||
}
|
||||
|
||||
&.btn--danger {
|
||||
color: white;
|
||||
background: hsl(0,65%,55%);
|
||||
&:active {
|
||||
background: hsl(0,65%,45%);
|
||||
}
|
||||
}
|
||||
|
||||
&.btn--subtle {
|
||||
|
@ -307,6 +316,10 @@ span[data-tooltip]:hover:before {
|
|||
background: none;
|
||||
@extend .u-clickable;
|
||||
|
||||
&:active {
|
||||
color: rgba(0,0,0,.42);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: rgba(0,0,0,.5);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue