feat: 국가별 색 버튼을 lumen button profile에 맞춰 작성
This commit is contained in:
1 parent
846bdfdc88
commit
27c7a5a3ad
5 files changed
+126
-12
No files matched your search
Vendored
+67
@@ -0,0 +1,67 @@
|
||||
|
||||
|
||||
@function frontColor($color) {
|
||||
@return color-contrast($color);
|
||||
}
|
||||
|
||||
@each $colorType, $color in $nationColors {
|
||||
.sam-nation-color-#{$colorType} {
|
||||
.sam-nation-own-bgcolor{
|
||||
background-color: $color;
|
||||
color: frontColor($color);
|
||||
}
|
||||
|
||||
.btn-sammo-nation{
|
||||
@include button-variant($color, $color);
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
background-color: $color;
|
||||
}
|
||||
|
||||
&,
|
||||
&:not(.disabled):hover,
|
||||
&:not(.disabled):active,
|
||||
&:focus {
|
||||
border-color: shade-color($color, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-sammo-nation-#{$colorType}{
|
||||
@include button-variant($color, $color);
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
background-color: $color;
|
||||
}
|
||||
|
||||
&,
|
||||
&:not(.disabled):hover,
|
||||
&:not(.disabled):active,
|
||||
&:focus {
|
||||
border-color: shade-color($color, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@each $colorType, $color in $sammoColors {
|
||||
.btn-sammo-#{$colorType}{
|
||||
@include button-variant($color, $color);
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
background-color: $color;
|
||||
}
|
||||
|
||||
&,
|
||||
&:not(.disabled):hover,
|
||||
&:not(.disabled):active,
|
||||
&:focus {
|
||||
border-color: shade-color($color, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user