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

Merge branch 'dev' into card

Browse Source
This commit is contained in:
Sarin Na Wangkanai
2022-09-14 01:44:52 +07:00
committed by GitHub
parent 8bcd9eb8d3 5ff24130cf
commit 9d411eb88f
52 changed files with 2850 additions and 604 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/ui/_buttons.scss
+17 -5
View File
@@ -5,13 +5,13 @@
--#{$prefix}btn-icon-size: #{$icon-size};
--#{$prefix}btn-color: var(--#{$prefix}body-color);
--#{$prefix}btn-border-color: var(--#{$prefix}border-color);
//background-color: var(--#{$prefix}btn-color, var(--#{$prefix}card-bg));
//color: var(--#{$prefix}btn-color-text);
--#{$prefix}btn-box-shadow: var(--#{$prefix}shadow-button);
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
box-shadow: var(--#{$prefix}btn-box-shadow);
.icon {
width: var(--#{$prefix}btn-icon-size);
@@ -63,11 +63,23 @@
@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);
--#{$prefix}btn-box-shadow: var(--#{$prefix}shadow-button), var(--#{$prefix}shadow-button-inset);
}
.btn-outline-#{$color} {
--#{$prefix}btn-color: var(--#{$prefix}#{$color});
--#{$prefix}btn-border-color: var(--#{$prefix}#{$color});
--#{$prefix}btn-active-color: var(--#{$prefix}#{$color});
}
}