@licklist/design 0.66.13 → 0.67.0

package/dist/styles/snippet-templates/_snippetVariables.scss

@@ -1,78 +1,259 @@
 // @TODO move colors in variables --start
-$separator-color: #D8D8D8;
+$separator-color: #d8d8d8;
 
-$snippet-page-background-color: var(--snippet-page-background-color, #FFFFFF) !default;
+$snippet-page-background-color: var(
+  --snippet-page-background-color,
+  #ffffff
+) !default;
 
-$snippet-page-header-background-gradient-color-1: var(--snippet-page-header-background-gradient-color-1, #55C3E8) !default;
-$snippet-page-header-background-gradient-color-2: var(--snippet-page-header-background-gradient-color-2, #55C3E8) !default;
-$snippet-page-header-background-gradient-color-3: var(--snippet-page-header-background-gradient-color-3, #6B01E3) !default;
-$snippet-page-header-background-gradient-color-4: var(--snippet-page-header-background-gradient-color-4, #6B01E3) !default;
+$snippet-page-header-background-gradient-color-1: var(
+  --snippet-page-header-background-gradient-color-1,
+  #55c3e8
+) !default;
+$snippet-page-header-background-gradient-color-2: var(
+  --snippet-page-header-background-gradient-color-2,
+  #55c3e8
+) !default;
+$snippet-page-header-background-gradient-color-3: var(
+  --snippet-page-header-background-gradient-color-3,
+  #6b01e3
+) !default;
+$snippet-page-header-background-gradient-color-4: var(
+  --snippet-page-header-background-gradient-color-4,
+  #6b01e3
+) !default;
 
-$snippet-page-header-steps-active-step-background-color: var(--snippet-page-header-steps-active-step-background-color, #0E8CE2) !default;
-$snippet-page-header-steps-active-step-border-color: var(--snippet-page-header-steps-active-step-border-color, #0E8CE2) !default;
-$snippet-page-header-steps-active-step-body-color: var(--snippet-page-header-steps-active-step-body-color, #0E8CE2) !default;
-$snippet-page-header-steps-inactive-step-background-color: var(--snippet-page-header-steps-inactive-step-background-color, #FFFFFF) !default;
-$snippet-page-header-steps-inactive-step-border-color: var(--snippet-page-header-steps-inactive-step-border-color, #FFFFFF) !default;
-$snippet-page-header-steps-inactive-step-body-color: var(--snippet-page-header-steps-inactive-step-body-color, #525252) !default;
-$snippet-page-header-steps-timer-background-color: var(--snippet-page-header-steps-timer-background-color, #FFFFFF) !default;
-$snippet-page-header-steps-timer-border-color: var(--snippet-page-header-steps-timer-border-color, #F0F0F0) !default;
-$snippet-page-header-steps-timer-body-color: var(--snippet-page-header-steps-timer-body-color, #0E8CE2) !default;
-$snippet-page-header-steps-body-color: var(--snippet-page-header-steps-body-color, #1A182B) !default;
-$snippet-page-header-steps-close-button-background-color: var(--snippet-page-header-steps-close-button-background-color, #FFFFFF) !default;
-$snippet-page-header-steps-close-button-border-color: var(--snippet-page-header-steps-close-button-border-color, #0E8CE2) !default;
-$snippet-steps-background-color: var(--snippet-steps-background-color, #FFFFFF) !default;
+$snippet-page-header-steps-active-step-background-color: var(
+  --snippet-page-header-steps-active-step-background-color,
+  #0e8ce2
+) !default;
+$snippet-page-header-steps-active-step-border-color: var(
+  --snippet-page-header-steps-active-step-border-color,
+  #0e8ce2
+) !default;
+$snippet-page-header-steps-active-step-body-color: var(
+  --snippet-page-header-steps-active-step-body-color,
+  #0e8ce2
+) !default;
+$snippet-page-header-steps-inactive-step-background-color: var(
+  --snippet-page-header-steps-inactive-step-background-color,
+  #ffffff
+) !default;
+$snippet-page-header-steps-inactive-step-border-color: var(
+  --snippet-page-header-steps-inactive-step-border-color,
+  #ffffff
+) !default;
+$snippet-page-header-steps-inactive-step-body-color: var(
+  --snippet-page-header-steps-inactive-step-body-color,
+  #525252
+) !default;
+$snippet-page-header-steps-timer-background-color: var(
+  --snippet-page-header-steps-timer-background-color,
+  #ffffff
+) !default;
+$snippet-page-header-steps-timer-border-color: var(
+  --snippet-page-header-steps-timer-border-color,
+  #f0f0f0
+) !default;
+$snippet-page-header-steps-timer-body-color: var(
+  --snippet-page-header-steps-timer-body-color,
+  #0e8ce2
+) !default;
+$snippet-page-header-steps-body-color: var(
+  --snippet-page-header-steps-body-color,
+  #1a182b
+) !default;
+$snippet-page-header-steps-close-button-background-color: var(
+  --snippet-page-header-steps-close-button-background-color,
+  #ffffff
+) !default;
+$snippet-page-header-steps-close-button-border-color: var(
+  --snippet-page-header-steps-close-button-border-color,
+  #0e8ce2
+) !default;
+$snippet-steps-background-color: var(
+  --snippet-steps-background-color,
+  #ffffff
+) !default;
 
-$snippet-page-body-left-block-background-color: var(--snippet-page-body-left-block-background-color, #FFFFFF) !default;
-$snippet-page-body-left-block-back-button-background-color: var(--snippet-page-body-left-block-back-button-background-color, #F3F3F3) !default;
-$snippet-page-body-left-block-back-button-border-color: var(--snippet-page-body-left-block-back-button-border-color, #F0F0F0) !default;
-$snippet-page-body-left-block-back-button-body-color: var(--snippet-page-body-left-block-back-button-body-color, #1A182B) !default;
+$snippet-page-body-left-block-background-color: var(
+  --snippet-page-body-left-block-background-color,
+  #ffffff
+) !default;
+$snippet-page-body-left-block-back-button-background-color: var(
+  --snippet-page-body-left-block-back-button-background-color,
+  #f3f3f3
+) !default;
+$snippet-page-body-left-block-back-button-border-color: var(
+  --snippet-page-body-left-block-back-button-border-color,
+  #f0f0f0
+) !default;
+$snippet-page-body-left-block-back-button-body-color: var(
+  --snippet-page-body-left-block-back-button-body-color,
+  #1a182b
+) !default;
 
-$snippet-page-body-right-block-background-color: var(--snippet-page-body-right-block-background-color, #F3F3F3) !default;
+$snippet-page-body-right-block-background-color: var(
+  --snippet-page-body-right-block-background-color,
+  #f3f3f3
+) !default;
 
-$snippet-elements-body-color: var(--snippet-elements-body-color, #000000) !default;
-$snippet-elements-input-border-color: var(--snippet-elements-input-border-color, #525252) !default;
-$snippet-elements-input-background-color: var(--snippet-elements-input-background-color, #FFFFFF) !default;
-$snippet-elements-input-body-color: var(--snippet-elements-input-body-color, #000000) !default;
-$snippet-elements-number-input-background-color: var(--snippet-elements-number-input-background-color, #F3F3F3) !default;
-$snippet-elements-number-input-border-color: var(--snippet-elements-number-input-border-color, #FFFFFF) !default;
-$snippet-elements-number-input-body-color: var(--snippet-elements-number-input-body-color, #1A182B) !default;
-$snippet-elements-number-input-button-border-color: var(--snippet-elements-number-input-button-border-color, #0E8CE2) !default;
-$snippet-elements-number-input-button-background-color: var(--snippet-elements-number-input-button-background-color, #0E8CE2) !default;
-$snippet-elements-button-color: var(--snippet-elements-button-color, #FFFFFF) !default;
-$snippet-elements-button-background-color: var(--snippet-elements-button-background-color, #0E8CE2) !default;
-$snippet-elements-button-border-color: var(--snippet-elements-button-border-color, #0E8CE2) !default;
-$snippet-form-link-color: var(--snippet-form-link-color, #0E8CE2) !default;
-$snippet-dropdown-background-color: var(--snippet-dropdown-background-color, #FFFFFF) !default;
-$snippet-dropdown-border-color: var(--snippet-dropdown-border-color, #1A182B) !default;
-$snippet-dropdown-font-color: var(--snippet-dropdown-font-color, #000000) !default;
+$snippet-elements-body-color: var(
+  --snippet-elements-body-color,
+  #000000
+) !default;
+$snippet-elements-input-border-color: var(
+  --snippet-elements-input-border-color,
+  #525252
+) !default;
+$snippet-elements-input-background-color: var(
+  --snippet-elements-input-background-color,
+  #ffffff
+) !default;
+$snippet-elements-input-body-color: var(
+  --snippet-elements-input-body-color,
+  #000000
+) !default;
+$snippet-elements-number-input-background-color: var(
+  --snippet-elements-number-input-background-color,
+  #f3f3f3
+) !default;
+$snippet-elements-number-input-border-color: var(
+  --snippet-elements-number-input-border-color,
+  #ffffff
+) !default;
+$snippet-elements-number-input-body-color: var(
+  --snippet-elements-number-input-body-color,
+  #1a182b
+) !default;
+$snippet-elements-number-input-button-border-color: var(
+  --snippet-elements-number-input-button-border-color,
+  #0e8ce2
+) !default;
+$snippet-elements-number-input-button-background-color: var(
+  --snippet-elements-number-input-button-background-color,
+  #0e8ce2
+) !default;
+$snippet-elements-button-color: var(
+  --snippet-elements-button-color,
+  #ffffff
+) !default;
+$snippet-elements-button-background-color: var(
+  --snippet-elements-button-background-color,
+  #0e8ce2
+) !default;
+$snippet-elements-button-border-color: var(
+  --snippet-elements-button-border-color,
+  #0e8ce2
+) !default;
+$snippet-form-link-color: var(--snippet-form-link-color, #0e8ce2) !default;
+$snippet-dropdown-background-color: var(
+  --snippet-dropdown-background-color,
+  #ffffff
+) !default;
+$snippet-dropdown-border-color: var(
+  --snippet-dropdown-border-color,
+  #1a182b
+) !default;
+$snippet-dropdown-font-color: var(
+  --snippet-dropdown-font-color,
+  #000000
+) !default;
 // Always will be a string with generated
 // by snippet template provider background-image url
 $snippet-dropdown-background-icon: var(--snippet-dropdown-background-icon);
 
-$snippet-calendar-button-border-color: var(--snippet-calendar-button-border-color, #FFFFFF);
-$snippet-calendar-button-background-color: var(--snippet-calendar-button-background-color, #FFFFFF);
-$snippet-calendar-button-font-color: var(--snippet-calendar-button-font-color, #000000);
-$snippet-calendar-disabled-button-border-color: var(--snippet-calendar-disabled-button-border-color, #F6F6F6);
-$snippet-calendar-disabled-button-background-color: var(--snippet-calendar-disabled-button-background-color, #F6F6F6);
-$snippet-calendar-disabled-button-font-color: var(--snippet-calendar-disabled-button-font-color, #9E9E9E);
-$snippet-calendar-active-button-border-color: var(--snippet-calendar-active-button-border-color, #0E8CE2);
-$snippet-calendar-active-button-background-color: var(--snippet-calendar-active-button-background-color, #0E8CE2);
-$snippet-calendar-active-button-font-color: var(--snippet-calendar-active-button-font-color, #FFFFFF);
+$snippet-calendar-button-border-color: var(
+  --snippet-calendar-button-border-color,
+  #ffffff
+);
+$snippet-calendar-button-background-color: var(
+  --snippet-calendar-button-background-color,
+  #ffffff
+);
+$snippet-calendar-button-font-color: var(
+  --snippet-calendar-button-font-color,
+  #000000
+);
+$snippet-calendar-disabled-button-border-color: var(
+  --snippet-calendar-disabled-button-border-color,
+  #f6f6f6
+);
+$snippet-calendar-disabled-button-background-color: var(
+  --snippet-calendar-disabled-button-background-color,
+  #f6f6f6
+);
+$snippet-calendar-disabled-button-font-color: var(
+  --snippet-calendar-disabled-button-font-color,
+  #9e9e9e
+);
+$snippet-calendar-active-button-border-color: var(
+  --snippet-calendar-active-button-border-color,
+  #0e8ce2
+);
+$snippet-calendar-active-button-background-color: var(
+  --snippet-calendar-active-button-background-color,
+  #0e8ce2
+);
+$snippet-calendar-active-button-font-color: var(
+  --snippet-calendar-active-button-font-color,
+  #ffffff
+);
 
-$snippet-product-set-border-color: var(--snippet-product-set-border-color, #F2F2F2);
-$snippet-product-set-background-color: var(--snippet-product-set-background-color, #F2F2F2);
+$snippet-product-set-border-color: var(
+  --snippet-product-set-border-color,
+  #f2f2f2
+);
+$snippet-product-set-background-color: var(
+  --snippet-product-set-background-color,
+  #f2f2f2
+);
 $snippet-product-set-font-color: var(--snippet-product-set-font-color, #000000);
-$snippet-active-product-set-border-color: var(--snippet-active-product-set-border-color, #0E8CE2);
-$snippet-active-product-set-background-color: var(--snippet-active-product-set-background-color, #D9EFFF);
-$snippet-active-product-set-font-color: var(--snippet-active-product-set-font-color, #0E8CE2);
+$snippet-active-product-set-border-color: var(
+  --snippet-active-product-set-border-color,
+  #0e8ce2
+);
+$snippet-active-product-set-background-color: var(
+  --snippet-active-product-set-background-color,
+  #d9efff
+);
+$snippet-active-product-set-font-color: var(
+  --snippet-active-product-set-font-color,
+  #0e8ce2
+);
 
-$snippet-canvas-background-color: var(--snippet-canvas-background-color, #FFFFFF);
-$snippet-canvas-border-color: var(--snippet-canvas-border-color, #F3F3F3);
-$snippet-canvas-point-border-color: var(--snippet-canvas-point-border-color, #FFFFFF);
-$snippet-canvas-point-background-color: var(--snippet-canvas-point-background-color, #FFFFFF);
-$snippet-canvas-point-font-color: var(--snippet-canvas-point-font-color, #0E8CE2);
-$snippet-canvas-active-point-border-color: var(--snippet-canvas-active-point-border-color, #FFFFFF);
-$snippet-canvas-active-point-background-color: var(--snippet-canvas-active-point-background-color, #0E8CE2);
-$snippet-canvas-active-point-font-color: var(--snippet-canvas-active-point-font-color, #FFFFFF);
+$snippet-canvas-background-color: var(
+  --snippet-canvas-background-color,
+  #ffffff
+);
+$snippet-canvas-border-color: var(--snippet-canvas-border-color, #f3f3f3);
+$snippet-canvas-point-border-color: var(
+  --snippet-canvas-point-border-color,
+  #ffffff
+);
+$snippet-canvas-point-background-color: var(
+  --snippet-canvas-point-background-color,
+  #ffffff
+);
+$snippet-canvas-point-font-color: var(
+  --snippet-canvas-point-font-color,
+  #0e8ce2
+);
+$snippet-canvas-active-point-border-color: var(
+  --snippet-canvas-active-point-border-color,
+  #ffffff
+);
+$snippet-canvas-active-point-background-color: var(
+  --snippet-canvas-active-point-background-color,
+  #0e8ce2
+);
+$snippet-canvas-active-point-font-color: var(
+  --snippet-canvas-active-point-font-color,
+  #ffffff
+);
 
-$color-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
+$color-transition:
+  color 0.15s ease-in-out,
+  background-color 0.15s ease-in-out,
+  border-color 0.15s ease-in-out,
+  box-shadow 0.15s ease-in-out !default;

package/dist/styles/sortable-field/SortableField.scss

@@ -1,21 +1,21 @@
 .sortable-field-list {
-    display: flex;
+  display: flex;
 
-    .icon-container {
-        margin-right: .8rem;
-        margin-left: .2rem;
-        margin-top: 1rem;
+  .icon-container {
+    margin-right: 0.8rem;
+    margin-left: 0.2rem;
+    margin-top: 1rem;
 
-        div {
-            width: 0.75rem;
-            height: 2px;
-            margin-bottom: 2px;
-            background-color: #B5CCDE;
-            border-radius: 1px;
-        }
+    div {
+      width: 0.75rem;
+      height: 2px;
+      margin-bottom: 2px;
+      background-color: #b5ccde;
+      border-radius: 1px;
     }
+  }
 
-    .form-group {
-        width: 80%;
-    }
-}
+  .form-group {
+    width: 80%;
+  }
+}

package/dist/styles/sortable-field/_index.scss

@@ -1 +1 @@
-@import "./SortableField";
+@import "./SortableField";

package/dist/styles/sortable-tree/Item.scss

@@ -36,12 +36,12 @@ $sortable-tree-item-body-padding: sp(6) !default;
 
     .expand-icon-container {
       margin-right: 0.2rem;
-    
+
       div {
         width: 1.125rem;
         height: 3px;
         margin-bottom: 3px;
-        background-color: #B5CCDE;
+        background-color: #b5ccde;
         border-radius: 1px;
       }
     }
@@ -72,11 +72,11 @@ $sortable-tree-item-body-padding: sp(6) !default;
   }
 
   .sortable-tree-item {
-    border-bottom: 1px solid #FAFAFA;
+    border-bottom: 1px solid #fafafa;
     margin: $sortable-tree-item-margin;
 
     &.invalid {
-      // @TODO: need to reworke UI with new design 
+      // @TODO: need to reworke UI with new design
       // border-color: theme-color("danger");
     }
 

package/dist/styles/table/Table.scss

@@ -7,7 +7,7 @@
       align-items: center;
 
       .per-page-control {
-        margin: 0 .5rem;
+        margin: 0 0.5rem;
         border: 0;
       }
     }

package/dist/styles/themes/bookedit/_variables.scss

@@ -267,9 +267,21 @@ $iframe-border-radius: 0.25rem;
 // Font, line-height, and color for body text, headings, and more.
 
 // stylelint-disable value-keyword-case
-$font-family-sans-serif: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI",
-  Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
-  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+$font-family-sans-serif:
+  Poppins,
+  -apple-system,
+  BlinkMacSystemFont,
+  "Segoe UI",
+  Roboto,
+  "Helvetica Neue",
+  Arial,
+  "Noto Sans",
+  "Liberation Sans",
+  sans-serif,
+  "Apple Color Emoji",
+  "Segoe UI Emoji",
+  "Segoe UI Symbol",
+  "Noto Color Emoji";
 $font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
   "Liberation Mono", "Courier New", monospace !default;
 $font-family-base: $font-family-sans-serif !default;
@@ -296,7 +308,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: calc($spacer / 2) !default;
 $headings-font-family: null !default;
 $headings-font-weight: 500 !default;
 $headings-line-height: 1.2 !default;
@@ -424,7 +436,9 @@ $btn-line-height-lg: $input-btn-line-height-lg !default;
 $btn-border-width: $input-btn-border-width !default;
 
 $btn-font-weight: $font-weight-normal !default;
-$btn-box-shadow: inset 0 1px 0 rgba($white, 0.15), 0 1px 1px rgba($black, 0.075) !default;
+$btn-box-shadow:
+  inset 0 1px 0 rgba($white, 0.15),
+  0 1px 1px rgba($black, 0.075) !default;
 $btn-focus-width: $input-btn-focus-width !default;
 $btn-focus-box-shadow: $input-btn-focus-box-shadow !default;
 $btn-disabled-opacity: 0.65 !default;
@@ -439,8 +453,11 @@ $btn-border-radius: $border-radius !default;
 $btn-border-radius-lg: $border-radius-lg !default;
 $btn-border-radius-sm: $border-radius-sm !default;
 
-$btn-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
-  border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !default;
+$btn-transition:
+  color 0.15s ease-in-out,
+  background-color 0.15s ease-in-out,
+  border-color 0.15s ease-in-out,
+  box-shadow 0.15s ease-in-out !default;
 
 // Forms
 
@@ -512,7 +529,9 @@ $input-height-lg: add(
   add($input-padding-y-lg * 2, $input-height-border, false)
 ) !default;
 
-$input-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !default;
+$input-transition:
+  border-color 0.15s ease-in-out,
+  box-shadow 0.15s ease-in-out !default;
 
 $form-text-margin-top: 0.25rem !default;
 
@@ -530,8 +549,10 @@ $input-group-addon-color: $input-color !default;
 $input-group-addon-bg: $gray-200 !default;
 $input-group-addon-border-color: $input-border-color !default;
 
-$custom-forms-transition: background-color 0.15s ease-in-out,
-  border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !default;
+$custom-forms-transition:
+  background-color 0.15s ease-in-out,
+  border-color 0.15s ease-in-out,
+  box-shadow 0.15s ease-in-out !default;
 
 $custom-control-gutter: 0.5rem !default;
 $custom-control-spacer-x: 1rem !default;
@@ -583,7 +604,9 @@ $custom-radio-indicator-border-radius: 50% !default;
 $custom-radio-indicator-icon-checked: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>") !default;
 
 $custom-switch-width: $custom-control-indicator-size * 1.75 !default;
-$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;
+$custom-switch-indicator-border-radius: calc(
+  $custom-control-indicator-size / 2
+) !default;
 $custom-switch-indicator-size: subtract(
   $custom-control-indicator-size,
   $custom-control-indicator-border-width * 4
@@ -651,7 +674,8 @@ $custom-range-thumb-bg: $component-active-bg !default;
 $custom-range-thumb-border: 0 !default;
 $custom-range-thumb-border-radius: 1rem !default;
 $custom-range-thumb-box-shadow: 0 0.1rem 0.25rem rgba($black, 0.1) !default;
-$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg,
+$custom-range-thumb-focus-box-shadow:
+  0 0 0 1px $body-bg,
   $input-focus-box-shadow !default;
 $custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge
 $custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;
@@ -735,11 +759,11 @@ $nav-pills-link-active-color: theme-color("primary");
 $nav-pills-link-active-bg: #d9efff;
 
 $nav-divider-color: $gray-200 !default;
-$nav-divider-margin-y: $spacer / 2 !default;
+$nav-divider-margin-y: calc($spacer / 2) !default;
 
 // Navbar
 
-$navbar-padding-y: $spacer / 2 !default;
+$navbar-padding-y: calc($spacer / 2) !default;
 $navbar-padding-x: $spacer !default;
 
 $navbar-nav-link-padding-x: 0.5rem !default;
@@ -748,7 +772,9 @@ $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: calc(
+  ($nav-link-height - $navbar-brand-height) / 2
+) !default;
 
 $navbar-toggler-padding-y: 0.25rem !default;
 $navbar-toggler-padding-x: 0.75rem !default;
@@ -871,7 +897,7 @@ $card-bg: $white !default;
 
 $card-img-overlay-padding: 1.25rem !default;
 
-$card-group-margin: $grid-gutter-width / 2 !default;
+$card-group-margin: calc($grid-gutter-width / 2) !default;
 $card-deck-margin: $card-group-margin !default;
 
 $card-columns-count: 3 !default;
@@ -953,9 +979,9 @@ $toast-header-border-color: rgba(0, 0, 0, 0.05) !default;
 $badge-font-size: 87.5%;
 $badge-font-weight: $font-weight-semibold;
 $badge-padding-y: 0;
-$badge-padding-x: 6em / 7;
-$badge-line-height: (16 / 7);
-$badge-border-radius: 4em / 7;
+$badge-padding-x: calc(6em / 7);
+$badge-line-height: calc(16 / 7);
+$badge-border-radius: calc(4em / 7);
 $badge-letter-spacing: 0.1em;
 
 $badge-transition: $btn-transition !default;

package/dist/styles/themes/bookedit/{_index.scss → index.scss}

@@ -5,41 +5,41 @@
 @import "../../overrides/functions";
 @import "./fonts";
 @import "./variables";
-@import "~bootstrap/scss/mixins";
-@import "~bootstrap/scss/root";
-@import "~bootstrap/scss/reboot";
-@import "~bootstrap/scss/type";
-@import "~bootstrap/scss/images";
-@import "~bootstrap/scss/code";
-@import "~bootstrap/scss/grid";
-@import "~bootstrap/scss/tables";
-@import "~bootstrap/scss/forms";
-@import "~bootstrap/scss/buttons";
-@import "~bootstrap/scss/transitions";
-@import "~bootstrap/scss/dropdown";
-@import "~bootstrap/scss/button-group";
-@import "~bootstrap/scss/input-group";
-@import "~bootstrap/scss/custom-forms";
-@import "~bootstrap/scss/nav";
-@import "~bootstrap/scss/navbar";
-@import "~bootstrap/scss/card";
-@import "~bootstrap/scss/breadcrumb";
-@import "~bootstrap/scss/pagination";
-@import "~bootstrap/scss/badge";
-@import "~bootstrap/scss/jumbotron";
-@import "~bootstrap/scss/alert";
-@import "~bootstrap/scss/progress";
-@import "~bootstrap/scss/media";
-@import "~bootstrap/scss/list-group";
-@import "~bootstrap/scss/close";
-@import "~bootstrap/scss/toasts";
-@import "~bootstrap/scss/modal";
-@import "~bootstrap/scss/tooltip";
-@import "~bootstrap/scss/popover";
-@import "~bootstrap/scss/carousel";
-@import "~bootstrap/scss/spinners";
-@import "~bootstrap/scss/utilities";
-@import "~bootstrap/scss/print";
+@import "bootstrap/scss/mixins";
+@import "bootstrap/scss/root";
+@import "bootstrap/scss/reboot";
+@import "bootstrap/scss/type";
+@import "bootstrap/scss/images";
+@import "bootstrap/scss/code";
+@import "bootstrap/scss/grid";
+@import "bootstrap/scss/tables";
+@import "bootstrap/scss/forms";
+@import "bootstrap/scss/buttons";
+@import "bootstrap/scss/transitions";
+@import "bootstrap/scss/dropdown";
+@import "bootstrap/scss/button-group";
+@import "bootstrap/scss/input-group";
+@import "bootstrap/scss/custom-forms";
+@import "bootstrap/scss/nav";
+@import "bootstrap/scss/navbar";
+@import "bootstrap/scss/card";
+@import "bootstrap/scss/breadcrumb";
+@import "bootstrap/scss/pagination";
+@import "bootstrap/scss/badge";
+@import "bootstrap/scss/jumbotron";
+@import "bootstrap/scss/alert";
+@import "bootstrap/scss/progress";
+@import "bootstrap/scss/media";
+@import "bootstrap/scss/list-group";
+@import "bootstrap/scss/close";
+@import "bootstrap/scss/toasts";
+@import "bootstrap/scss/modal";
+@import "bootstrap/scss/tooltip";
+@import "bootstrap/scss/popover";
+@import "bootstrap/scss/carousel";
+@import "bootstrap/scss/spinners";
+@import "bootstrap/scss/utilities";
+@import "bootstrap/scss/print";
 
 @import "../../packages";
 

package/dist/styles/themes/licklist/_variables.scss

@@ -71,4 +71,4 @@ $spacers: (
 );
 
 // Iframe border
-$iframe-border-radius: 0.25rem;
+$iframe-border-radius: 0.25rem;