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

fix: update CSS calculations to use calc() (#2412)

Browse Source
This commit is contained in:
Paweł Kuna
2025-07-07 17:59:45 +02:00
committed by GitHub
parent f91b0f7cfa
commit 2a12f72b28
6 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/pretty-spoons-watch.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@tabler/core": patch
---
Update CSS calculations to use `calc()`

2
core/scss/ui/_dropdowns.scss
View File

@@ -96,7 +96,7 @@
.dropend { .dropend {
> .dropdown-menu { > .dropdown-menu {
margin-top: subtract(-$dropdown-padding-y, 1px); margin-top: subtract(calc(-1 * $dropdown-padding-y), 1px);
margin-left: -.25rem; margin-left: -.25rem;
} }

4
core/scss/ui/_grid.scss
View File

@@ -17,8 +17,8 @@
@each $name, $value in (0: 0, sm: .375rem, md: 1.5rem, lg: 3rem) { @each $name, $value in (0: 0, sm: .375rem, md: 1.5rem, lg: 3rem) {
.row-#{$name} { .row-#{$name} {
margin-right: (-$value); margin-right: calc(-1 * $value);
margin-left: -($value); margin-left: calc(-1 * $value);
> .col, > .col,
> [class*="col-"] { > [class*="col-"] {

2
core/scss/ui/_nav.scss
View File

@@ -22,7 +22,7 @@
} }
&.nav-pills { &.nav-pills {
margin: 0 (-$nav-link-padding-x); margin: 0 calc(-1 * $nav-link-padding-x);
} }
} }

2
core/scss/ui/_tables.scss
View File

@@ -114,7 +114,7 @@ Table sort
text-align: inherit; text-align: inherit;
@include transition(color $transition-time); @include transition(color $transition-time);
margin: (-$table-th-padding-y) (-$table-th-padding-x); margin: calc(-1 * $table-th-padding-y) calc(-1 * $table-th-padding-x);
padding: $table-th-padding-y $table-th-padding-x; padding: $table-th-padding-y $table-th-padding-x;
&:hover, &:hover,

4
core/scss/vendor/_nouislider.scss vendored
View File

@@ -33,8 +33,8 @@
.noUi-horizontal & { .noUi-horizontal & {
width: $form-range-thumb-width; width: $form-range-thumb-width;
height: $form-range-thumb-height; height: $form-range-thumb-height;
top: (-$form-range-thumb-height * .5); top: calc($form-range-thumb-height * -.5);
right: (-$form-range-thumb-height * .5); right: calc($form-range-thumb-height * -.5);
margin: 1px 1px 0 0; margin: 1px 1px 0 0;
} }