You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
1.6 KiB
87 lines
1.6 KiB
@import 'variables';
|
|
|
|
@each $color in $palette-colors {
|
|
.#{$color} {
|
|
background-color: var(--palette-#{$color}) !important;
|
|
}
|
|
|
|
.#{$color}-text {
|
|
color: var(--palette-#{$color}) !important;
|
|
}
|
|
|
|
.#{$color}-hover {
|
|
background-color: var(--palette-#{$color}-hover) !important;
|
|
}
|
|
|
|
.hover\:#{$color}-hover {
|
|
&:hover, &:focus-visible {
|
|
background-color: var(--palette-#{$color}-hover) !important;
|
|
}
|
|
}
|
|
|
|
.border-#{$color} {
|
|
border-color: var(--palette-#{$color}) !important;
|
|
}
|
|
|
|
.theme-#{$color} {
|
|
color: var(--palette-#{$color}-text) !important;
|
|
background-color: var(--palette-#{$color}) !important;
|
|
}
|
|
}
|
|
|
|
.inherit-text {
|
|
color: inherit !important;
|
|
}
|
|
|
|
.border-lines-default{
|
|
border-color: var(--palette-lines-default);
|
|
}
|
|
|
|
.background {
|
|
background-color: var(--palette-background) !important;
|
|
}
|
|
|
|
.background-gray{
|
|
background-color: var(--palette-background-grey) !important;
|
|
}
|
|
|
|
.theme-transparent {
|
|
color: inherit !important;
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.transparent {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.transparent-text {
|
|
color: transparent !important;
|
|
}
|
|
|
|
.text-primary {
|
|
color: var(--palette-text-primary);
|
|
}
|
|
|
|
.text-secondary {
|
|
color: var(--palette-text-secondary);
|
|
}
|
|
|
|
.text-disabled {
|
|
color: var(--palette-text-disabled);
|
|
}
|
|
|
|
.white {
|
|
background-color: #FFFFFF !important;
|
|
}
|
|
.white-text {
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
.black {
|
|
background-color: #000000 !important;
|
|
}
|
|
|
|
.black-text {
|
|
color: #000000 !important;
|
|
}
|