1
0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00

prefix fixes

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

View File

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

View File

@@ -26,7 +26,7 @@
width: var(--#{$prefix}btn-icon-size);
height: 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;
color: inherit;
}
@@ -34,11 +34,11 @@
.avatar {
width: 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 {
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 {
@@ -173,10 +173,10 @@
border-radius: $border-radius-pill;
color: var(--#{$prefix}btn-color);
position: absolute;
width: var(--tblr-btn-icon-size);
height: var(--tblr-btn-icon-size);
left: calc(50% - var(--tblr-btn-icon-size) / 2);
top: calc(50% - var(--tblr-btn-icon-size) / 2);
width: var(--#{$prefix}btn-icon-size);
height: var(--#{$prefix}btn-icon-size);
left: calc(50% - var(--#{$prefix}btn-icon-size) / 2);
top: calc(50% - var(--#{$prefix}btn-icon-size) / 2);
animation: spinner-border .75s linear infinite;
}
}

View File

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

View File

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

View File

@@ -1,7 +1,7 @@
.tox-tinymce {
border: 1px solid var(--#{$prefix}border-color) !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 {