47 lines
779 B
SCSS
47 lines
779 B
SCSS
|
// for social buttons
|
||
|
|
@mixin social-buttons-color ($color, $state-color) {
|
||
|
|
background-color: $color;
|
||
|
|
color: $white;
|
||
|
|
|
||
|
|
&:focus,
|
||
|
|
&:hover {
|
||
|
|
background-color: $state-color;
|
||
|
|
color: $white;
|
||
|
|
}
|
||
|
|
&:active,
|
||
|
|
&:focus,
|
||
|
|
&:active:focus {
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.btn-simple {
|
||
|
|
color: $state-color;
|
||
|
|
background-color: transparent;
|
||
|
|
background-image: none !important;
|
||
|
|
box-shadow: none;
|
||
|
|
border: none;
|
||
|
|
|
||
|
|
&:hover,
|
||
|
|
&:focus,
|
||
|
|
&:hover:focus,
|
||
|
|
&:active,
|
||
|
|
&:hover:focus:active {
|
||
|
|
color: $state-color;
|
||
|
|
background: transparent !important;
|
||
|
|
box-shadow: none !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
&.btn-neutral {
|
||
|
|
color: $color;
|
||
|
|
background-color: $white;
|
||
|
|
|
||
|
|
&:hover,
|
||
|
|
&:focus,
|
||
|
|
&:active {
|
||
|
|
color: $state-color;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|