51 lines
1.1 KiB
SCSS
Executable File
51 lines
1.1 KiB
SCSS
Executable File
button,
|
|
a {
|
|
&.primary {
|
|
background-color: $yellow;
|
|
color: $grey-dark;
|
|
padding: 5px;
|
|
border-radius: 10px;
|
|
border: 2px solid transparent;
|
|
|
|
&:hover {
|
|
border: 2px solid $grey-dark;
|
|
}
|
|
|
|
&:active {
|
|
border: 2px solid $grey-dark;
|
|
background-color: $grey-dark;
|
|
color: $yellow;
|
|
img {
|
|
content: url("../../public/images/honeycomb-yellow.png");
|
|
}
|
|
}
|
|
|
|
&-outlined {
|
|
background-color: $grey-dark;
|
|
color: $yellow;
|
|
padding: 5px;
|
|
border-radius: 10px;
|
|
border: 2px solid $grey-light;
|
|
|
|
&:hover {
|
|
border: 2px solid $yellow;
|
|
}
|
|
|
|
&:active {
|
|
border: 2px solid $yellow;
|
|
background-color: $yellow;
|
|
color: $grey-dark;
|
|
|
|
img{
|
|
content: url("../../public/images/honeycomb-yellow.png");
|
|
}
|
|
}
|
|
|
|
}
|
|
img {
|
|
display: inline;
|
|
width: 20px;
|
|
}
|
|
}
|
|
}
|