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

24
src/components/NsfwWarning.vue
View file

@ -30,6 +30,7 @@ export default {
this.$root.nsfw = input;
this.$root.isConfirmedHorny = input;
this.$root.isWarn = false;
document.body.classList.toggle("scroll-lock");
},
},
};
@ -57,6 +58,7 @@ export default {
padding: 2em;
text-align: center;
overflow: auto;
&__background {
position: absolute;
@ -101,29 +103,11 @@ export default {
margin: 0.75em 0;
&.positive {
box-shadow: 0 0.5em 0 0 darken($btn-color-positive, 10%);
background-color: $btn-color-positive;
&:hover {
box-shadow: 0 0.75em 0 0 darken($btn-color-positive, 10%);
}
&:active {
box-shadow: 0 0.25em 0 0 darken($btn-color-positive, 10%);
}
@include button($btn-color-positive);
}
&.negative {
box-shadow: 0 0.5em 0 0 darken($btn-color-negative, 10%);
background-color: $btn-color-negative;
&:hover {
box-shadow: 0 0.75em 0 0 darken($btn-color-negative, 10%);
}
&:active {
box-shadow: 0 0.25em 0 0 darken($btn-color-negative, 10%);
}
@include button($btn-color-negative);
}
}
</style>