fix/remove-division (#4204)

* Fix Using / for division is deprecated (#4123)

* Fix Using / for division is deprecated
* replace divide function by multiplication
* attempt to fix tests

* fix: remove leading zero

* fix: Undefined operation "times"

Co-authored-by: Vincent Garnier <forxer@gmail.com>
pull/4206/head
REJack 2022-01-18 19:47:31 +01:00 committed by GitHub
parent 38ad805ea6
commit 0c983d5623
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 24 additions and 24 deletions

View File

@ -263,7 +263,7 @@ $h4-font-size: $font-size-base * 1.5 !default;
$h5-font-size: $font-size-base * 1.25 !default;
$h6-font-size: $font-size-base !default;
$headings-margin-bottom: ($spacer / 2) !default;
$headings-margin-bottom: ($spacer * .5) !default;
$headings-font-family: inherit !default;
$headings-font-weight: 500 !default;
$headings-line-height: 1.2 !default;
@ -430,7 +430,7 @@ $input-height-border: $input-border-width * 2 !default;
$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;
$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;
$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y * .5}) !default;
$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;
@ -607,8 +607,8 @@ $nav-pills-link-active-bg: $component-active-bg !default;
// Navbar
$navbar-padding-y: ($spacer / 2) !default;
$navbar-padding-x: ($spacer / 2) !default;
$navbar-padding-y: ($spacer * .5) !default;
$navbar-padding-x: ($spacer * .5) !default;
$navbar-nav-link-padding-x: 1rem !default;
@ -616,7 +616,7 @@ $navbar-brand-font-size: $font-size-lg !default;
// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
$nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;
$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;
$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * .5 !default;
$navbar-toggler-padding-y: .25rem !default;
$navbar-toggler-padding-x: .75rem !default;
@ -686,7 +686,7 @@ $card-bg: $white !default;
$card-img-overlay-padding: 1.25rem !default;
$card-group-margin: ($grid-gutter-width / 2) !default;
$card-group-margin: ($grid-gutter-width * .5) !default;
$card-deck-margin: $card-group-margin !default;
$card-columns-count: 3 !default;

View File

@ -213,7 +213,7 @@ html.maximized-card {
.card-header {
background-color: transparent;
border-bottom: 1px solid $card-border-color;
padding: (($card-spacer-y / 2) * 2) $card-spacer-x;
padding: (($card-spacer-y * .5) * 2) $card-spacer-x;
position: relative;
@if $enable-rounded {
@ -226,13 +226,13 @@ html.maximized-card {
> .card-tools {
float: right;
margin-right: -$card-spacer-x / 2;
margin-right: -$card-spacer-x * .5;
.input-group,
.nav,
.pagination {
margin-bottom: -$card-spacer-y / 2.5;
margin-top: -$card-spacer-y / 2.5;
margin-bottom: -$card-spacer-y * .4;
margin-top: -$card-spacer-y * .4;
}
[data-toggle="tooltip"] {
@ -258,7 +258,7 @@ html.maximized-card {
background-color: transparent;
color: $gray-500;
font-size: $font-size-sm;
margin: -(($card-spacer-y / 2) * 2) 0;
margin: -(($card-spacer-y * .5) * 2) 0;
padding: .25rem .5rem;
.btn-group.show &,

View File

@ -58,7 +58,7 @@
// Add this class to images within a nav-link
.navbar-img {
height: $main-header-height / 2;
height: calc(#{$main-header-height} * .5);
width: auto;
}

View File

@ -513,7 +513,7 @@
// Nav Flat
.nav-flat {
margin: (-$sidebar-padding-x / 2) (-$sidebar-padding-x) 0;
margin: (-$sidebar-padding-x * .5) (-$sidebar-padding-x) 0;
.nav-item {
> .nav-link {
@ -678,7 +678,7 @@
}
.nav-legacy {
margin: (-$sidebar-padding-x / 2) (-$sidebar-padding-x) 0;
margin: (-$sidebar-padding-x * .5) (-$sidebar-padding-x) 0;
&.nav-sidebar .nav-item {
> .nav-link {
@ -890,13 +890,13 @@
.nav-compact {
.nav-link,
.nav-header {
padding-top: ($nav-link-padding-y / 2);
padding-bottom: ($nav-link-padding-y / 2);
padding-top: ($nav-link-padding-y * .5);
padding-bottom: ($nav-link-padding-y * .5);
}
.nav-header:not(:first-of-type) {
padding-top: ($nav-link-padding-y * 1.5);
padding-bottom: ($nav-link-padding-y / 2);
padding-bottom: ($nav-link-padding-y * .5);
}
.nav-link > .right,

View File

@ -138,7 +138,7 @@ $sidebar-light-submenu-active-bg: $sidebar-light-submenu-hover-bg !default;
// --------------------------------------------------------
$sidebar-mini-width: ($nav-link-padding-x + $sidebar-padding-x + .8rem) * 2 !default;
$sidebar-nav-icon-width: $sidebar-mini-width - (($sidebar-padding-x + $nav-link-padding-x) * 2) !default;
$sidebar-user-image-width: $sidebar-nav-icon-width + ($nav-link-padding-x / 2) !default;
$sidebar-user-image-width: $sidebar-nav-icon-width + ($nav-link-padding-x * .5) !default;
// CONTROL SIDEBAR
// --------------------------------------------------------

View File

@ -123,12 +123,12 @@
}
.select2-selection__rendered {
padding: 0 $input-padding-x / 2 $input-padding-y;
margin-bottom: -$input-padding-x / 2;
padding: 0 $input-padding-x * 0.5 $input-padding-y;
margin-bottom: -$input-padding-x * 0.5;
li:first-child.select2-search.select2-search--inline {
width: 100%;
margin-left: $input-padding-x / 2;
margin-left: $input-padding-x * 0.5;
.select2-search__field {
width: 100% !important;
@ -241,11 +241,11 @@ select.form-control-sm ~ {
min-height: $input-height-sm;
.select2-selection__rendered {
padding: 0 $input-padding-x-sm / 2 $input-padding-y-sm;
margin-top: -($input-padding-x-sm / 5);
padding: 0 $input-padding-x-sm * 0.5 $input-padding-y-sm;
margin-top: -($input-padding-x-sm * .2);
li:first-child.select2-search.select2-search--inline {
margin-left: $input-padding-x-sm / 2;
margin-left: $input-padding-x-sm * 0.5;
}
.select2-search.select2-search--inline {