Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-08-12 22:32:21 +04:00
Code Issues Projects Releases Wiki Activity

improve CSS variables (#1232)

Browse Source
This commit is contained in:
Paweł Kuna
2022-09-07 02:41:35 +02:00
committed by GitHub
parent 6762afdbb2
commit 8d6898ed26
14 changed files with 41 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/ui/_buttons.scss
+14 -3
View File
@@ -63,11 +63,22 @@
@each $color, $value in $theme-colors {
.btn-#{$color} {
--#{$prefix}btn-border-color: transparent;
--#{$prefix}btn-color: #{color-contrast($value)};
--#{$prefix}btn-color: var(--#{$prefix}#{$color}-fg);
--#{$prefix}btn-bg: var(--#{$prefix}#{$color});
--#{$prefix}btn-hover-bg: var(--#{$prefix}#{$color}-darken);
--#{$prefix}btn-hover-color: #{color-contrast($value)};
--#{$prefix}btn-hover-border-color: transparent;
--#{$prefix}btn-hover-color: var(--#{$prefix}#{$color}-fg);
--#{$prefix}btn-hover-bg: rgba(var(--#{$prefix}#{$color}-rgb), .8);
--#{$prefix}btn-active-border-color: transparent;
--#{$prefix}btn-active-color: var(--#{$prefix}#{$color}-fg);
--#{$prefix}btn-active-bg: rgba(var(--#{$prefix}#{$color}-rgb), .8);
--#{$prefix}btn-disabled-bg: rgba(var(--#{$prefix}#{$color}-rgb), .5);
--#{$prefix}btn-disabled-color: var(--#{$prefix}#{$color}-fg);
}
.btn-outline-#{$color} {
--#{$prefix}btn-color: var(--#{$prefix}#{$color});
--#{$prefix}btn-border-color: var(--#{$prefix}#{$color});
--#{$prefix}btn-active-color: var(--#{$prefix}#{$color});
}
}