Files
sk_fems_ems/assets/scss/common/button.scss
2025-07-12 15:13:46 +09:00

76 lines
1.5 KiB
SCSS

.v-btn {
background-color: #144985;
&-radius {
&__20 {
border-radius: 20px !important;
}
&__50per {
border-radius: 50% !important;
}
}
&__full {
width: 100%;
}
&__round {
min-width: 100px !important;
padding: 8px 25px !important;
border-radius: 20px !important;
}
&__excel {
background-color: #47535c !important;
}
&-bg {
&__transparent {
background-color: transparent !important;
}
&__blue {
background-color: $--color-primary__blue;
}
&__white-blue {
background-color: $--color-white;
color: $--color-primary__blue;
}
}
&__transparent {
border: 0;
background-color: transparent !important;
}
&.v-btn--icon.v-btn--tile {
border-radius: 4px;
}
}
@each $theme in dark, light {
@include theme($theme);
.v-application.#{$theme}-mode {
.v-btn-bg__w-g5 {
background-color: $--theme-color-w-g5;
i {
color: $--theme-color-g5-w;
}
}
.v-btn {
background-color: map-deep-get(
$config,
#{$theme},
"v-btn-backgroundColor"
);
color: map-deep-get($color, "white", "0");
&.v-btn--disabled {
opacity: 0.4;
background-color: map-deep-get(
$config,
#{$theme},
"v-btn-backgroundColor"
) !important;
color: map-deep-get($color, "white", "0") !important;
.v-icon {
color: map-deep-get($color, "white", "0") !important;
}
}
}
}
}