SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: move button styles in separate mixin

Browse source
This commit is contained in:
Sebin Nyshkim 2022-01-11 20:29:42 +01:00
parent 087c8af8bf
commit 25e8b0ad65
3 changed files with 27 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/scss/_mixins.scss
View file

@ -1,5 +1,11 @@
@mixin mq-bigscreen() {
@media (min-width: 125em) {
@content
}
};
@mixin mq-desktop() {
@media (min-width: 60em) {
@media (min-width: 50em) {
@content
}
};
@ -9,3 +15,16 @@
@content
}
};
@mixin button($btn-color, $darken: 10%) {
box-shadow: 0 0.5em 0 0 darken($btn-color, $darken);
background-color: $btn-color;
&:hover {
box-shadow: 0 0.75em 0 0 darken($btn-color, $darken);
}
&:active {
box-shadow: 0 0.25em 0 0 darken($btn-color, $darken);
}
}