deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2024-06-26 09:20:15 +02:00
Code Issues Projects Releases Wiki Activity

chore: use color mixin in buttons

Browse source
This commit is contained in:
Seifeldin Mahjoub 2020-08-26 00:40:03 +02:00
parent 4a27b7c0fa
commit 63bba4d3ff
1 changed files with 6 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/_buttons.scss
View file

@ -1,3 +1,4 @@
// here
button,
.paper-btn,
[type='button'] {
@ -45,7 +46,8 @@ button,
}
&:focus {
border: 2px solid $secondary;
@include color('border-color', 'secondary');
border: 2px solid;
box-shadow: 2px 8px 4px -6px hsla(0, 0%, 0%, 0.3);
}
@ -84,18 +86,12 @@ a {
}
@each $colorName, $color, $color-light, $color-text in $colors {
.alert-#{$colorName} {
background-color: $color-light;
border-color: $color;
color: $color;
}
button.btn-#{$colorName},
.paper-btn.btn-#{$colorName},
[type='button'].btn-#{$colorName} {
background-color: $color-light;
border-color: $color;
color: $color-text;
@include color('color', #{$colorName}-text);
@include color('background-color', #{$colorName}-light);
@include color('border-color', #{$colorName});
&:hover {
&:active {