mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 17:34:25 +04:00
prefix fixes
This commit is contained in:
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
2
src/scss/vendor/_tinymce.scss
vendored
2
src/scss/vendor/_tinymce.scss
vendored
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user