69 lines
1.3 KiB
SCSS
69 lines
1.3 KiB
SCSS
//
|
|
// Light Buttons
|
|
//
|
|
|
|
.v-btn {
|
|
&.bg-lightprimary {
|
|
&:hover,
|
|
&:active,
|
|
&:focus {
|
|
background-color: rgb(var(--v-theme-primary)) !important;
|
|
color: $white !important;
|
|
}
|
|
}
|
|
&.bg-lightsecondary {
|
|
&:hover,
|
|
&:active,
|
|
&:focus {
|
|
background-color: rgb(var(--v-theme-secondary)) !important;
|
|
color: $white !important;
|
|
}
|
|
}
|
|
&.text-facebook {
|
|
&:hover,
|
|
&:active,
|
|
&:focus {
|
|
background-color: rgb(var(--v-theme-facebook)) !important;
|
|
color: $white !important;
|
|
}
|
|
}
|
|
&.text-twitter {
|
|
&:hover,
|
|
&:active,
|
|
&:focus {
|
|
background-color: rgb(var(--v-theme-twitter)) !important;
|
|
color: $white !important;
|
|
}
|
|
}
|
|
&.text-linkedin {
|
|
&:hover,
|
|
&:active,
|
|
&:focus {
|
|
background-color: rgb(var(--v-theme-linkedin)) !important;
|
|
color: $white !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.v-btn {
|
|
text-transform: capitalize;
|
|
letter-spacing: $btn-letter-spacing;
|
|
font-weight: 400;
|
|
}
|
|
.v-btn--icon.v-btn--density-default {
|
|
width: calc(var(--v-btn-height) + 6px);
|
|
height: calc(var(--v-btn-height) + 6px);
|
|
}
|
|
|
|
.v-btn-group .v-btn {
|
|
height: inherit !important;
|
|
}
|
|
|
|
.v-btn-group {
|
|
border-color: rgba(var(--v-border-color), 1);
|
|
}
|
|
|
|
.v-btn-group--divided .v-btn:not(:last-child) {
|
|
border-inline-end-color: rgba(var(--v-border-color), 1);
|
|
}
|