doc/themes/learn2/scss/theme/modules/_buttons.scss
tituspijean 7b447ac5ae Grav-ification
Creating the pages hierarchy for transitioning to Grav
2020-11-10 17:34:30 +01:00

21 lines
No EOL
371 B
SCSS

%button {
display: inline-block;
padding: 7px 12px;
&:active {
margin: 2px 0 -2px 0;
}
}
@mixin button-color($color) {
background: $color;
color: $white;
box-shadow: 0 3px 0 darken($color, 6%);
&:hover {
background: darken($color, 6%);
box-shadow: 0 3px 0 darken($color, 12%);
color: $white;
}
&:active {
box-shadow: 0 1px 0 darken($color, 12%);
}
}