added outline button
This commit is contained in:
@@ -327,6 +327,18 @@ label.button {
|
||||
}
|
||||
}
|
||||
|
||||
&.outline {
|
||||
background-color: transparent;
|
||||
border-color: $outline-color;
|
||||
color: $outline-color;
|
||||
|
||||
&:hover:not(:disabled) {
|
||||
background-color: $outline-color;
|
||||
border-color: $outline-color;
|
||||
color: $outline-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover:not(:disabled) {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
@@ -30,6 +30,9 @@ $success-color-darker: #0c4329;
|
||||
$border-color: #dddddd;
|
||||
$secondary-background-color: #efefef;
|
||||
|
||||
$outline-color: rgba(0, 0, 0, 0.5);
|
||||
$outline-hover-color: #fff;
|
||||
|
||||
$spacer: (
|
||||
0: 0,
|
||||
1: 0.5rem,
|
||||
|
||||
Reference in New Issue
Block a user