Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-22 18:04:26 +04:00
Code Issues Projects Releases Wiki Activity

prefix fixes

Browse Source
This commit is contained in:
codecalm
2022-06-09 22:44:59 +02:00
parent 2c55d58ca9
commit 59c2c646bc
5 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/scss/layout/_core.scss
View File

@@ -71,8 +71,8 @@ body {
color: $body-color; color: $body-color;
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
border: 1px solid var(--tblr-border-color); border: 1px solid var(--#{$prefix}border-color);
background: var(--tblr-body-bg); background: var(--#{$prefix}body-bg);
} }
> .navbar:first-child { > .navbar:first-child {

14
src/scss/ui/_buttons.scss
View File

@@ -26,7 +26,7 @@
width: var(--#{$prefix}btn-icon-size); width: var(--#{$prefix}btn-icon-size);
height: var(--#{$prefix}btn-icon-size); height: var(--#{$prefix}btn-icon-size);
min-width: var(--#{$prefix}btn-icon-size); min-width: var(--#{$prefix}btn-icon-size);
margin: 0 calc(var(--tblr-btn-padding-x) / 2) 0 calc(var(--tblr-btn-padding-x) / -4); margin: 0 calc(var(--#{$prefix}btn-padding-x) / 2) 0 calc(var(--#{$prefix}btn-padding-x) / -4);
vertical-align: bottom; vertical-align: bottom;
color: inherit; color: inherit;
} }
@@ -34,11 +34,11 @@
.avatar { .avatar {
width: var(--#{$prefix}btn-icon-size); width: var(--#{$prefix}btn-icon-size);
height: var(--#{$prefix}btn-icon-size); height: var(--#{$prefix}btn-icon-size);
margin: 0 calc(var(--tblr-btn-padding-x) / 2) 0 calc(var(--tblr-btn-padding-x) / -4); margin: 0 calc(var(--#{$prefix}btn-padding-x) / 2) 0 calc(var(--#{$prefix}btn-padding-x) / -4);
} }
.icon-right { .icon-right {
margin: 0 calc(var(--tblr-btn-padding-x) / -4) 0 calc(var(--tblr-btn-padding-x) / 2); margin: 0 calc(var(--#{$prefix}btn-padding-x) / -4) 0 calc(var(--#{$prefix}btn-padding-x) / 2);
} }
.badge { .badge {
@@ -173,10 +173,10 @@
border-radius: $border-radius-pill; border-radius: $border-radius-pill;
color: var(--#{$prefix}btn-color); color: var(--#{$prefix}btn-color);
position: absolute; position: absolute;
width: var(--tblr-btn-icon-size); width: var(--#{$prefix}btn-icon-size);
height: var(--tblr-btn-icon-size); height: var(--#{$prefix}btn-icon-size);
left: calc(50% - var(--tblr-btn-icon-size) / 2); left: calc(50% - var(--#{$prefix}btn-icon-size) / 2);
top: calc(50% - var(--tblr-btn-icon-size) / 2); top: calc(50% - var(--#{$prefix}btn-icon-size) / 2);
animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite;
} }
} }

2
src/scss/ui/_forms.scss
View File

@@ -159,7 +159,7 @@ Form help
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
background: var(--tblr-border-color-light); background: var(--#{$prefix}border-color-light);
border-radius: $border-radius-pill; border-radius: $border-radius-pill;
@include transition(background-color $transition-time, color $transition-time); @include transition(background-color $transition-time, color $transition-time);

2
src/scss/utils/_colors.scss
View File

@@ -3,7 +3,7 @@
// All colors // All colors
@each $color, $value in $theme-colors { @each $color, $value in $theme-colors {
.bg-#{"" + $color} { .bg-#{"" + $color} {
--tblr-bg-opacity: 1; --#{$prefix}bg-opacity: 1;
background-color: rgba(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}bg-opacity)) !important; background-color: rgba(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}bg-opacity)) !important;
} }

2
src/scss/vendor/_tinymce.scss vendored
View File

@@ -1,7 +1,7 @@
.tox-tinymce { .tox-tinymce {
border: 1px solid var(--#{$prefix}border-color) !important; border: 1px solid var(--#{$prefix}border-color) !important;
border-radius: $border-radius !important; border-radius: $border-radius !important;
font-family: var(--tblr-font-sans-serif) !important; font-family: var(--#{$prefix}font-sans-serif) !important;
} }
.tox-toolbar__group { .tox-toolbar__group {