uikit 3.8.1-dev.3a43322ca → 3.9.1

package/src/less/components/tooltip.less

@@ -61,7 +61,7 @@
     border-radius: @tooltip-border-radius;
     color: @tooltip-color;
     font-size: @tooltip-font-size;
-    .hook-tooltip;
+    .hook-tooltip();
 }
 
 /* Show */
@@ -81,7 +81,7 @@
 // Hooks
 // ========================================================================
 
-.hook-tooltip-misc;
+.hook-tooltip-misc();
 
 .hook-tooltip() {}
 .hook-tooltip-misc() {}

package/src/less/components/totop.less

@@ -28,26 +28,26 @@
 .uk-totop {
     padding: @totop-padding;
     color: @totop-color;
-    .hook-totop;
+    .hook-totop();
 }
 
 /* Hover */
 .uk-totop:hover {
     color: @totop-hover-color;
-    .hook-totop-hover;
+    .hook-totop-hover();
 }
 
 /* OnClick */
 .uk-totop:active {
     color: @totop-active-color;
-    .hook-totop-active;
+    .hook-totop-active();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-totop-misc;
+.hook-totop-misc();
 
 .hook-totop() {}
 .hook-totop-hover() {}
@@ -66,17 +66,17 @@
 
     .uk-totop {
         color: @inverse-totop-color;
-        .hook-inverse-totop;
+        .hook-inverse-totop();
     }
 
     .uk-totop:hover {
         color: @inverse-totop-hover-color;
-        .hook-inverse-totop-hover;
+        .hook-inverse-totop-hover();
     }
 
     .uk-totop:active {
         color: @inverse-totop-active-color;
-        .hook-inverse-totop-active;
+        .hook-inverse-totop-active();
     }
 
 }

package/src/less/components/transition.less

@@ -124,14 +124,14 @@
 .uk-transition-slide-left { --uk-translate-x: -100%; }
 .uk-transition-slide-right { --uk-translate-x: 100%; }
 
-.uk-transition-slide-top-small { --uk-translate-y: -@transition-slide-small-translate; }
+.uk-transition-slide-top-small { --uk-translate-y: ~'calc(-1 * @{transition-slide-small-translate})'; }
 .uk-transition-slide-bottom-small { --uk-translate-y: @transition-slide-small-translate; }
-.uk-transition-slide-left-small { --uk-translate-x: -@transition-slide-small-translate; }
+.uk-transition-slide-left-small { --uk-translate-x: ~'calc(-1 * @{transition-slide-small-translate})'; }
 .uk-transition-slide-right-small { --uk-translate-x: @transition-slide-small-translate; }
 
-.uk-transition-slide-top-medium { --uk-translate-y: -@transition-slide-medium-translate; }
+.uk-transition-slide-top-medium { --uk-translate-y: ~'calc(-1 * @{transition-slide-medium-translate})'; }
 .uk-transition-slide-bottom-medium { --uk-translate-y: @transition-slide-medium-translate; }
-.uk-transition-slide-left-medium { --uk-translate-x: -@transition-slide-medium-translate; }
+.uk-transition-slide-left-medium { --uk-translate-x: ~'calc(-1 * @{transition-slide-medium-translate})'; }
 .uk-transition-slide-right-medium { --uk-translate-x: @transition-slide-medium-translate; }
 
 /* Show */
@@ -160,6 +160,6 @@
 // Hooks
 // ========================================================================
 
-.hook-transition-misc;
+.hook-transition-misc();
 
 .hook-transition-misc() {}

package/src/less/components/utility.less

@@ -87,7 +87,7 @@
     overflow: auto;
     -webkit-overflow-scrolling: touch;
     resize: both;
-    .hook-panel-scrollable;
+    .hook-panel-scrollable();
 }
 
 
@@ -287,7 +287,7 @@
  */
 
 @supports (filter: blur(0)) {
- 
+
     .uk-box-shadow-bottom {
         display: inline-block;
         position: relative;
@@ -311,7 +311,7 @@
         filter: blur(@box-shadow-bottom-blur);
         /* 3 */
         will-change: filter;
-        .hook-box-shadow-bottom;
+        .hook-box-shadow-bottom();
     }
 
 }
@@ -337,7 +337,7 @@
     float: left;
     font-size: @dropcap-font-size;
     line-height: 1;
-    .hook-dropcap;
+    .hook-dropcap();
 }
 
 /* 2 */
@@ -369,7 +369,7 @@
     color: @logo-color;
     /* 1 */
     text-decoration: none;
-    .hook-logo;
+    .hook-logo();
 }
 
 /* Hover */
@@ -377,7 +377,7 @@
     color: @logo-hover-color;
     /* 1 */
     text-decoration: none;
-    .hook-logo-hover;
+    .hook-logo-hover();
 }
 
 .uk-logo-inverse { display: none; }
@@ -457,7 +457,7 @@
 // Hooks
 // ========================================================================
 
-.hook-utility-misc;
+.hook-utility-misc();
 
 .hook-panel-scrollable() {}
 .hook-box-shadow-bottom() {}
@@ -477,17 +477,17 @@
 
     .uk-dropcap::first-letter,
     .uk-dropcap p:first-of-type::first-letter {
-        .hook-inverse-dropcap;
+        .hook-inverse-dropcap();
     }
 
     .uk-logo {
         color: @inverse-logo-color;
-        .hook-inverse-logo;
+        .hook-inverse-logo();
     }
 
     .uk-logo:hover {
         color: @inverse-logo-hover-color;
-        .hook-inverse-logo-hover;
+        .hook-inverse-logo-hover();
     }
 
     .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) { display: none; }

package/src/less/components/visibility.less

@@ -141,6 +141,6 @@
 // Hooks
 // ========================================================================
 
-.hook-visibility-misc;
+.hook-visibility-misc();
 
 .hook-visibility-misc() {}

package/src/less/components/width.less

@@ -364,6 +364,6 @@
 // Hooks
 // ========================================================================
 
-.hook-width-misc;
+.hook-width-misc();
 
 .hook-width-misc() {}

package/src/scss/components/accordion.scss

@@ -102,4 +102,4 @@ $inverse-accordion-title-hover-color:        $inverse-global-color !default;
 
 // @mixin hook-inverse-accordion-item(){}
 // @mixin hook-inverse-accordion-title(){}
-// @mixin hook-inverse-accordion-title-hover(){}
+// @mixin hook-inverse-accordion-title-hover(){}

package/src/scss/components/alert.scss

@@ -143,4 +143,4 @@ $alert-danger-color:                             $global-danger-background !defa
 // @mixin hook-alert-success(){}
 // @mixin hook-alert-warning(){}
 // @mixin hook-alert-danger(){}
-// @mixin hook-alert-misc(){}
+// @mixin hook-alert-misc(){}

package/src/scss/components/align.scss

@@ -139,4 +139,4 @@ $align-margin-horizontal-l:                      $global-medium-gutter !default;
 
 @if(mixin-exists(hook-align-misc)) {@include hook-align-misc();}
 
-// @mixin hook-align-misc(){}
+// @mixin hook-align-misc(){}

package/src/scss/components/animation.scss

@@ -84,7 +84,7 @@ $animation-slide-medium-translate:               50px !default;
 /*
  * Slide Medium
  */
- 
+
 .uk-animation-slide-top-medium { animation-name: uk-fade, uk-slide-top-medium; }
 .uk-animation-slide-bottom-medium { animation-name: uk-fade, uk-slide-bottom-medium; }
 .uk-animation-slide-left-medium { animation-name: uk-fade, uk-slide-left-medium; }

package/src/scss/components/article.scss

@@ -96,4 +96,4 @@ $inverse-article-meta-color:                    $inverse-global-muted-color !def
 
 
 // @mixin hook-inverse-article-title(){}
-// @mixin hook-inverse-article-meta(){}
+// @mixin hook-inverse-article-meta(){}

package/src/scss/components/badge.scss

@@ -75,4 +75,4 @@ $inverse-badge-color:                           $inverse-global-inverse-color !d
 
 
 // @mixin hook-inverse-badge(){}
-// @mixin hook-inverse-badge-hover(){}
+// @mixin hook-inverse-badge-hover(){}

package/src/scss/components/base.scss

@@ -523,7 +523,7 @@ pre code { font-family: $base-pre-font-family; }
  ========================================================================== */
 
 /*
- * Safari doesn't support `:focus-visible` yet. It also doesn't set focus if clicking a button or anchor. 
+ * Safari doesn't support `:focus-visible` yet. It also doesn't set focus if clicking a button or anchor.
  * 1. Fallback: Remove `:focus` for a negative tabindexes.
  * 2. Fallback: Set `:focus` style but not for negative tabindexes.
  * 3. Fallback: Remove `:focus` style for browsers which support `:focus-visible`.

package/src/scss/components/card.scss

@@ -32,16 +32,16 @@ $card-body-padding-horizontal-l:                $global-medium-gutter !default;
 $card-body-padding-vertical-l:                  $global-medium-gutter !default;
 
 $card-header-padding-horizontal:                $global-gutter !default;
-$card-header-padding-vertical:                  round($global-gutter / 2) !default;
+$card-header-padding-vertical:                  round(($global-gutter / 2)) !default;
 
 $card-header-padding-horizontal-l:              $global-medium-gutter !default;
-$card-header-padding-vertical-l:                round($global-medium-gutter / 2) !default;
+$card-header-padding-vertical-l:                round(($global-medium-gutter / 2)) !default;
 
 $card-footer-padding-horizontal:                $global-gutter !default;
 $card-footer-padding-vertical:                  ($global-gutter / 2) !default;
 
 $card-footer-padding-horizontal-l:              $global-medium-gutter !default;
-$card-footer-padding-vertical-l:                round($global-medium-gutter / 2) !default;
+$card-footer-padding-vertical-l:                round(($global-medium-gutter / 2)) !default;
 
 $card-title-font-size:                          $global-large-font-size !default;
 $card-title-line-height:                        1.4 !default;
@@ -76,16 +76,16 @@ $card-secondary-color-mode:                     light !default;
 $card-small-body-padding-horizontal:            $global-margin !default;
 $card-small-body-padding-vertical:              $global-margin !default;
 $card-small-header-padding-horizontal:          $global-margin !default;
-$card-small-header-padding-vertical:            round($global-margin / 1.5) !default;
+$card-small-header-padding-vertical:            round(($global-margin / 1.5)) !default;
 $card-small-footer-padding-horizontal:          $global-margin !default;
-$card-small-footer-padding-vertical:            round($global-margin / 1.5) !default;
+$card-small-footer-padding-vertical:            round(($global-margin / 1.5)) !default;
 
 $card-large-body-padding-horizontal-l:          $global-large-gutter !default;
 $card-large-body-padding-vertical-l:            $global-large-gutter !default;
 $card-large-header-padding-horizontal-l:        $global-large-gutter !default;
-$card-large-header-padding-vertical-l:          round($global-large-gutter / 2) !default;
+$card-large-header-padding-vertical-l:          round(($global-large-gutter / 2)) !default;
 $card-large-footer-padding-horizontal-l:        $global-large-gutter !default;
-$card-large-footer-padding-vertical-l:          round($global-large-gutter / 2) !default;
+$card-large-footer-padding-vertical-l:          round(($global-large-gutter / 2)) !default;
 
 
 /* ========================================================================

package/src/scss/components/column.scss

@@ -136,3 +136,4 @@ $column-divider-rule-width:                      1px !default;
 
 $inverse-column-divider-rule-color:                     $inverse-global-border !default;
 
+

package/src/scss/components/comment.scss

@@ -157,4 +157,4 @@ $comment-list-padding-left-m:                    100px !default;
 // @mixin hook-comment-list-sub(){}
 // @mixin hook-comment-list-sub-adjacent(){}
 // @mixin hook-comment-primary(){}
-// @mixin hook-comment-misc(){}
+// @mixin hook-comment-misc(){}

package/src/scss/components/container.scss

@@ -182,4 +182,4 @@ $container-padding-horizontal-m:         $global-medium-gutter !default;
 
 @if(mixin-exists(hook-container-misc)) {@include hook-container-misc();}
 
-// @mixin hook-container-misc(){}
+// @mixin hook-container-misc(){}

package/src/scss/components/cover.scss

@@ -59,4 +59,4 @@ iframe.uk-cover { pointer-events: none; }
 
 @if(mixin-exists(hook-cover-misc)) {@include hook-cover-misc();}
 
-// @mixin hook-cover-misc(){}
+// @mixin hook-cover-misc(){}

package/src/scss/components/description-list.scss

@@ -68,4 +68,4 @@ $description-list-divider-term-border:           $global-border !default;
 // @mixin hook-description-list-term(){}
 // @mixin hook-description-list-description(){}
 // @mixin hook-description-list-divider-term(){}
-// @mixin hook-description-list-misc(){}
+// @mixin hook-description-list-misc(){}

package/src/scss/components/dotnav.scss

@@ -152,4 +152,4 @@ $inverse-dotnav-item-active-background:         rgba($inverse-global-color, 0.9)
 // @mixin hook-inverse-dotnav-item(){}
 // @mixin hook-inverse-dotnav-item-hover(){}
 // @mixin hook-inverse-dotnav-item-onclick(){}
-// @mixin hook-inverse-dotnav-item-active(){}
+// @mixin hook-inverse-dotnav-item-active(){}

package/src/scss/components/flex.scss

@@ -206,4 +206,4 @@
 
 @if(mixin-exists(hook-flex-misc)) {@include hook-flex-misc();}
 
-// @mixin hook-flex-misc(){}
+// @mixin hook-flex-misc(){}

package/src/scss/components/form-range.scss

@@ -83,7 +83,7 @@ $form-range-track-focus-background:              darken($form-range-track-backgr
 .uk-range::-webkit-slider-thumb {
     /* 1 */
     -webkit-appearance: none;
-    margin-top: (floor($form-range-thumb-height / 2) * -1);
+    margin-top: (floor(($form-range-thumb-height / 2)) * -1);
     /* 2 */
     height: $form-range-thumb-height;
     width: $form-range-thumb-width;

package/src/scss/components/grid.scss

@@ -404,4 +404,4 @@ $inverse-grid-divider-border:                   $inverse-global-border !default;
 
 
 // @mixin hook-inverse-grid-divider-horizontal(){}
-// @mixin hook-inverse-grid-divider-vertical(){}
+// @mixin hook-inverse-grid-divider-vertical(){}

package/src/scss/components/iconnav.scss

@@ -143,4 +143,4 @@ $inverse-iconnav-item-active-color:         $inverse-global-color !default;
 
 // @mixin hook-inverse-iconnav-item(){}
 // @mixin hook-inverse-iconnav-item-hover(){}
-// @mixin hook-inverse-iconnav-item-active(){}
+// @mixin hook-inverse-iconnav-item-active(){}

package/src/scss/components/inverse.scss

@@ -43,4 +43,4 @@ $inverse-global-border:                          rgba($global-inverse-color, 0.2
 // Hooks
 // ========================================================================
 
-// @mixin hook-inverse(){}
+// @mixin hook-inverse(){}

package/src/scss/components/label.scss

@@ -99,4 +99,4 @@ $inverse-label-color:                           $inverse-global-inverse-color !d
 
 
 
-// @mixin hook-inverse-label(){}
+// @mixin hook-inverse-label(){}

package/src/scss/components/margin.scss

@@ -198,12 +198,12 @@ $margin-xlarge-margin-l:                                $global-xlarge-margin !d
  .uk-margin-remove-bottom { margin-bottom: 0 !important; }
  .uk-margin-remove-left { margin-left: 0 !important; }
  .uk-margin-remove-right { margin-right: 0 !important; }
- 
+
  .uk-margin-remove-vertical {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
  }
- 
+
  .uk-margin-remove-adjacent + *,
  .uk-margin-remove-first-child > :first-child { margin-top: 0 !important; }
  .uk-margin-remove-last-child > :last-child { margin-bottom: 0 !important; }

package/src/scss/components/nav.scss

@@ -393,4 +393,4 @@ $inverse-nav-dividers-border:                    $inverse-global-border !default
 // @mixin hook-inverse-nav-primary-item-active(){}
 // @mixin hook-inverse-nav-primary-header(){}
 // @mixin hook-inverse-nav-primary-divider(){}
-// @mixin hook-inverse-nav-dividers(){}
+// @mixin hook-inverse-nav-dividers(){}

package/src/scss/components/placeholder.scss

@@ -42,4 +42,4 @@ $placeholder-background:                         $global-muted-background !defau
 @if(mixin-exists(hook-placeholder-misc)) {@include hook-placeholder-misc();}
 
 // @mixin hook-placeholder(){}
-// @mixin hook-placeholder-misc(){}
+// @mixin hook-placeholder-misc(){}

package/src/scss/components/section.scss

@@ -209,4 +209,4 @@ $section-secondary-color-mode:                     light !default;
 // @mixin hook-section-secondary(){}
 // @mixin hook-section-primary(){}
 // @mixin hook-section-overlap(){}
-// @mixin hook-section-misc(){}
+// @mixin hook-section-misc(){}

package/src/scss/components/spinner.scss

@@ -11,7 +11,7 @@
 
 $spinner-size:                                   30px !default;
 $spinner-stroke-width:                           1 !default;
-$spinner-radius:                                 floor(($spinner-size - $spinner-stroke-width) / 2) !default; // Minus stroke width to prevent overflow clipping
+$spinner-radius:                                 floor((($spinner-size - $spinner-stroke-width) / 2)) !default; // Minus stroke width to prevent overflow clipping
 $spinner-circumference:                          round(2 * 3.141 * $spinner-radius) !default;
 $spinner-duration:                               1.4s !default;
 
@@ -55,7 +55,7 @@ $spinner-duration:                               1.4s !default;
 @keyframes uk-spinner-dash {
     0% { stroke-dashoffset: $spinner-circumference; }
     50% {
-        stroke-dashoffset: $spinner-circumference/4;
+        stroke-dashoffset: ($spinner-circumference / 4);
         transform:rotate(135deg);
     }
     100% {

package/src/scss/components/subnav.scss

@@ -122,7 +122,7 @@ $subnav-item-disabled-color:                     $global-muted-color !default;
  ========================================================================== */
 
 /*
- * Set gutter 
+ * Set gutter
  */
 
 .uk-subnav-divider { margin-left: -(($subnav-divider-margin-horizontal * 2) + $subnav-divider-border-width); }

package/src/scss/components/switcher.scss

@@ -44,4 +44,4 @@
 
 @if(mixin-exists(hook-switcher-misc)) {@include hook-switcher-misc();}
 
-// @mixin hook-switcher-misc(){}
+// @mixin hook-switcher-misc(){}

package/src/scss/components/tab.scss

@@ -193,4 +193,4 @@ $inverse-tab-item-disabled-color:               $inverse-global-muted-color !def
 // @mixin hook-inverse-tab-item(){}
 // @mixin hook-inverse-tab-item-hover(){}
 // @mixin hook-inverse-tab-item-active(){}
-// @mixin hook-inverse-tab-item-disabled(){}
+// @mixin hook-inverse-tab-item-disabled(){}

package/src/scss/components/table.scss

@@ -261,11 +261,11 @@ $table-expand-min-width:                         150px !default;
 
     .uk-table-responsive th:not(:first-child):not(.uk-table-link),
     .uk-table-responsive td:not(:first-child):not(.uk-table-link),
-    .uk-table-responsive .uk-table-link:not(:first-child) > a { padding-top: round($table-cell-padding-vertical / 3) !important; }
+    .uk-table-responsive .uk-table-link:not(:first-child) > a { padding-top: round(($table-cell-padding-vertical / 3)) !important; }
 
     .uk-table-responsive th:not(:last-child):not(.uk-table-link),
     .uk-table-responsive td:not(:last-child):not(.uk-table-link),
-    .uk-table-responsive .uk-table-link:not(:last-child) > a { padding-bottom: round($table-cell-padding-vertical / 3) !important; }
+    .uk-table-responsive .uk-table-link:not(:last-child) > a { padding-bottom: round(($table-cell-padding-vertical / 3)) !important; }
 
     .uk-table-justify.uk-table-responsive th,
     .uk-table-justify.uk-table-responsive td {
@@ -312,4 +312,4 @@ $inverse-table-hover-row-background:                     $inverse-table-row-acti
 // @mixin hook-inverse-table-row-active(){}
 // @mixin hook-inverse-table-divider(){}
 // @mixin hook-inverse-table-striped(){}
-// @mixin hook-inverse-table-hover(){}
+// @mixin hook-inverse-table-hover(){}

package/src/scss/components/text.scss

@@ -84,14 +84,14 @@ $text-background-color:                          $global-primary-background !def
 .uk-text-light { font-weight: 300; }
 .uk-text-normal { font-weight: 400; }
 .uk-text-bold { font-weight: 700; }
- 
+
 .uk-text-lighter { font-weight: lighter; }
 .uk-text-bolder { font-weight: bolder; }
 
- 
+
 /* Style modifier
  ========================================================================== */
- 
+
 .uk-text-italic { font-style: italic; }
 
 

package/src/scss/components/thumbnav.scss

@@ -116,4 +116,4 @@ $thumbnav-margin-vertical:                       $thumbnav-margin-horizontal !de
 
 // @mixin hook-inverse-thumbnav-item(){}
 // @mixin hook-inverse-thumbnav-item-hover(){}
-// @mixin hook-inverse-thumbnav-item-active(){}
+// @mixin hook-inverse-thumbnav-item-active(){}

package/src/scss/components/transition.scss

@@ -124,14 +124,14 @@ $transition-slow-duration:                       0.7s !default;
 .uk-transition-slide-left { --uk-translate-x: -100%; }
 .uk-transition-slide-right { --uk-translate-x: 100%; }
 
-.uk-transition-slide-top-small { --uk-translate-y: (-$transition-slide-small-translate); }
+.uk-transition-slide-top-small { --uk-translate-y: calc(-1 * #{$transition-slide-small-translate}); }
 .uk-transition-slide-bottom-small { --uk-translate-y: #{$transition-slide-small-translate}; }
-.uk-transition-slide-left-small { --uk-translate-x: (-$transition-slide-small-translate); }
+.uk-transition-slide-left-small { --uk-translate-x: calc(-1 * #{$transition-slide-small-translate}); }
 .uk-transition-slide-right-small { --uk-translate-x: #{$transition-slide-small-translate}; }
 
-.uk-transition-slide-top-medium { --uk-translate-y: (-$transition-slide-medium-translate); }
+.uk-transition-slide-top-medium { --uk-translate-y: calc(-1 * #{$transition-slide-medium-translate}); }
 .uk-transition-slide-bottom-medium { --uk-translate-y: #{$transition-slide-medium-translate}; }
-.uk-transition-slide-left-medium { --uk-translate-x: (-$transition-slide-medium-translate); }
+.uk-transition-slide-left-medium { --uk-translate-x: calc(-1 * #{$transition-slide-medium-translate}); }
 .uk-transition-slide-right-medium { --uk-translate-x: #{$transition-slide-medium-translate}; }
 
 /* Show */

package/src/scss/components/utility.scss

@@ -287,7 +287,7 @@ $dragover-box-shadow:                            0 0 20px rgba(100,100,100,0.3)
  */
 
 @supports (filter: blur(0)) {
- 
+
     .uk-box-shadow-bottom {
         display: inline-block;
         position: relative;

package/src/scss/mixins-theme.scss

@@ -1227,7 +1227,7 @@
         background-color: $inverse-search-default-background;
         @if(mixin-exists(hook-inverse-search-default-input)) {@include hook-inverse-search-default-input();}
     }
-    
+
     .uk-search-default .uk-search-input:focus {
         background-color: $inverse-search-default-focus-background;
         @if(mixin-exists(hook-inverse-search-default-input-focus)) {@include hook-inverse-search-default-input-focus();}

package/src/scss/mixins.scss

@@ -981,7 +981,7 @@
         background-color: $inverse-search-default-background;
         @if(mixin-exists(hook-inverse-search-default-input)) {@include hook-inverse-search-default-input();}
     }
-    
+
     .uk-search-default .uk-search-input:focus {
         background-color: $inverse-search-default-focus-background;
         @if(mixin-exists(hook-inverse-search-default-input-focus)) {@include hook-inverse-search-default-input-focus();}

package/src/scss/variables-theme.scss

@@ -247,13 +247,13 @@ $card-body-padding-vertical: $global-gutter !default;
 $card-body-padding-horizontal-l: $global-medium-gutter !default;
 $card-body-padding-vertical-l: $global-medium-gutter !default;
 $card-header-padding-horizontal: $global-gutter !default;
-$card-header-padding-vertical: round($global-gutter / 2) !default;
+$card-header-padding-vertical: round(($global-gutter / 2)) !default;
 $card-header-padding-horizontal-l: $global-medium-gutter !default;
-$card-header-padding-vertical-l: round($global-medium-gutter / 2) !default;
+$card-header-padding-vertical-l: round(($global-medium-gutter / 2)) !default;
 $card-footer-padding-horizontal: $global-gutter !default;
 $card-footer-padding-vertical: ($global-gutter / 2) !default;
 $card-footer-padding-horizontal-l: $global-medium-gutter !default;
-$card-footer-padding-vertical-l: round($global-medium-gutter / 2) !default;
+$card-footer-padding-vertical-l: round(($global-medium-gutter / 2)) !default;
 $card-title-font-size: $global-large-font-size !default;
 $card-title-line-height: 1.4 !default;
 $card-badge-top: 15px !default;
@@ -281,16 +281,16 @@ $card-secondary-color-mode: light !default;
 $card-small-body-padding-horizontal: $global-margin !default;
 $card-small-body-padding-vertical: $global-margin !default;
 $card-small-header-padding-horizontal: $global-margin !default;
-$card-small-header-padding-vertical: round($global-margin / 1.5) !default;
+$card-small-header-padding-vertical: round(($global-margin / 1.5)) !default;
 $card-small-footer-padding-horizontal: $global-margin !default;
-$card-small-footer-padding-vertical: round($global-margin / 1.5) !default;
+$card-small-footer-padding-vertical: round(($global-margin / 1.5)) !default;
 $global-large-gutter: 70px !default;
 $card-large-body-padding-horizontal-l: $global-large-gutter !default;
 $card-large-body-padding-vertical-l: $global-large-gutter !default;
 $card-large-header-padding-horizontal-l: $global-large-gutter !default;
-$card-large-header-padding-vertical-l: round($global-large-gutter / 2) !default;
+$card-large-header-padding-vertical-l: round(($global-large-gutter / 2)) !default;
 $card-large-footer-padding-horizontal-l: $global-large-gutter !default;
-$card-large-footer-padding-vertical-l: round($global-large-gutter / 2) !default;
+$card-large-footer-padding-vertical-l: round(($global-large-gutter / 2)) !default;
 $inverse-card-badge-background: $inverse-global-primary-background !default;
 $inverse-card-badge-color: $inverse-global-inverse-color !default;
 $close-color: $global-muted-color !default;
@@ -890,7 +890,7 @@ $sortable-placeholder-opacity: 0 !default;
 $sortable-empty-height: 50px !default;
 $spinner-size: 30px !default;
 $spinner-stroke-width: 1 !default;
-$spinner-radius: floor(($spinner-size - $spinner-stroke-width) / 2) !default;
+$spinner-radius: floor((($spinner-size - $spinner-stroke-width) / 2)) !default;
 $spinner-circumference: round(2 * 3.141 * $spinner-radius) !default;
 $spinner-duration: 1.4s !default;
 $sticky-z-index: $global-z-index - 20 !default;