@coreui/coreui 5.1.2 → 5.3.0

package/scss/_list-group.scss

@@ -1,3 +1,8 @@
+@use "sass:map";
+@use "mixins/border-radius" as *;
+@use "mixins/breakpoints" as *;
+@use "variables" as *;
+
 // Base class
 //
 // Easily usable on <ul>, <ol>, or <div>.
@@ -27,7 +32,7 @@
   flex-direction: column;
 
   // No need to set list-style: none; since .list-group-item is block level
-  @include ltr-rtl("padding-left", 0); // reset padding because ul and ol
+  padding-inline-start: 0; // reset padding because ul and ol
   margin-bottom: 0;
   @include border-radius(var(--#{$prefix}list-group-border-radius));
 }
@@ -119,7 +124,7 @@
 //
 // Change the layout of list group items from vertical (default) to horizontal.
 
-@each $breakpoint in map-keys($grid-breakpoints) {
+@each $breakpoint in map.keys($grid-breakpoints) {
   @include media-breakpoint-up($breakpoint) {
     $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
 
@@ -142,12 +147,12 @@
         }
 
         + .list-group-item {
+          border-inline-start-width: 0;
           border-top-width: var(--#{$prefix}list-group-border-width);
-          @include ltr-rtl("border-left-width", 0);
 
           &.active {
-            @include ltr-rtl("margin-left", calc(-1 * var(--#{$prefix}list-group-border-width)));
-            @include ltr-rtl("border-left-width", var(--#{$prefix}list-group-border-width));
+            margin-inline-start: calc(-1 * var(--#{$prefix}list-group-border-width)); // stylelint-disable-line function-disallowed-list
+            border-inline-start-width: var(--#{$prefix}list-group-border-width);
           }
         }
       }
@@ -180,7 +185,7 @@
 // Add modifier classes to change text and background color on individual items.
 // Organizationally, this must come after the `:hover` states.
 
-@each $state in map-keys($theme-colors) {
+@each $state in map.keys($theme-colors) {
   .list-group-item-#{$state} {
     --#{$prefix}list-group-color: var(--#{$prefix}#{$state}-text-emphasis);
     --#{$prefix}list-group-bg: var(--#{$prefix}#{$state}-bg-subtle);

package/scss/_maps.import.scss

@@ -0,0 +1 @@
+@forward "maps";

package/scss/_maps.scss

@@ -1,3 +1,10 @@
+@use "sass:map";
+@use "functions/color" as *;
+@use "functions/maps" as *;
+@use "functions/to-rgb" as *;
+@use "variables" as *;
+@use "variables-dark" as *;
+
 // Re-assigned maps
 //
 // Placed here so that others can override the default Sass maps and see automatic updates to utilities and more.
@@ -105,7 +112,7 @@ $utilities-colors: $theme-colors-rgb !default;
 // scss-docs-end utilities-colors
 
 // scss-docs-start utilities-text-colors
-$utilities-text: map-merge(
+$utilities-text: map.merge(
   $utilities-colors,
   (
     "black": to-rgb($black),
@@ -113,7 +120,7 @@ $utilities-text: map-merge(
     "body": to-rgb($body-color)
   )
 ) !default;
-$utilities-text-colors: map-loop($utilities-text, rgba-css-var, "$key", "text") !default;
+$utilities-text-colors: map-loop($utilities-text, rgba-css-var, "$prefix", "$key", "text") !default;
 
 $utilities-text-emphasis-colors: (
   "primary-emphasis": var(--#{$prefix}primary-text-emphasis),
@@ -128,7 +135,7 @@ $utilities-text-emphasis-colors: (
 // scss-docs-end utilities-text-colors
 
 // scss-docs-start utilities-bg-colors
-$utilities-bg: map-merge(
+$utilities-bg: map.merge(
   $utilities-colors,
   (
     "black": to-rgb($black),
@@ -136,7 +143,7 @@ $utilities-bg: map-merge(
     "body": to-rgb($body-bg)
   )
 ) !default;
-$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, "$key", "bg") !default;
+$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, "$prefix", "$key", "bg") !default;
 
 $utilities-bg-subtle: (
   "primary-subtle": var(--#{$prefix}primary-bg-subtle),
@@ -151,14 +158,14 @@ $utilities-bg-subtle: (
 // scss-docs-end utilities-bg-colors
 
 // scss-docs-start utilities-border-colors
-$utilities-border: map-merge(
+$utilities-border: map.merge(
   $utilities-colors,
   (
     "black": to-rgb($black),
     "white": to-rgb($white)
   )
 ) !default;
-$utilities-border-colors: map-loop($utilities-border, rgba-css-var, "$key", "border") !default;
+$utilities-border-colors: map-loop($utilities-border, rgba-css-var, "$prefix", "$key", "border") !default;
 
 $utilities-border-subtle: (
   "primary-subtle": var(--#{$prefix}primary-border-subtle),
@@ -172,7 +179,7 @@ $utilities-border-subtle: (
 ) !default;
 // scss-docs-end utilities-border-colors
 
-$utilities-links-underline: map-loop($utilities-colors, rgba-css-var, "$key", "link-underline") !default;
+$utilities-links-underline: map-loop($utilities-colors, rgba-css-var, "$prefix", "$key", "link-underline") !default;
 
 $negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;
 

package/scss/_mixins.import.scss

@@ -0,0 +1 @@
+@forward "mixins";

package/scss/_mixins.scss

@@ -3,46 +3,46 @@
 // Used in conjunction with global variables to enable certain theme features.
 
 // LTR & RTL
-@import "mixins/ltr-rtl";
+@forward "mixins/ltr-rtl";
 
 // Vendor
-@import "vendor/rfs";
+@forward "vendor/rfs";
 
 // Deprecate
-@import "mixins/deprecate";
+@forward "mixins/deprecate";
 
 // Helpers
-@import "mixins/breakpoints";
-@import "mixins/color-mode";
-@import "mixins/color-scheme";
-@import "mixins/image";
-@import "mixins/resize";
-@import "mixins/visually-hidden";
-@import "mixins/reset-text";
-@import "mixins/text-truncate";
+@forward "mixins/breakpoints";
+@forward "mixins/color-mode";
+@forward "mixins/color-scheme";
+@forward "mixins/image";
+@forward "mixins/resize";
+@forward "mixins/visually-hidden";
+@forward "mixins/reset-text";
+@forward "mixins/text-truncate";
 
 // Utilities
-@import "mixins/utilities";
+@forward "mixins/utilities";
 
 // Components
-@import "mixins/alert";
-@import "mixins/avatar";
-@import "mixins/backdrop";
-@import "mixins/buttons";
-@import "mixins/caret";
-@import "mixins/pagination";
-@import "mixins/lists";
-@import "mixins/forms";
-@import "mixins/table-variants";
-@import "mixins/icon";
+@forward "mixins/alert";
+@forward "mixins/avatar";
+@forward "mixins/backdrop";
+@forward "mixins/buttons";
+@forward "mixins/caret";
+@forward "mixins/pagination";
+@forward "mixins/lists";
+@forward "mixins/forms";
+@forward "mixins/table-variants";
+@forward "mixins/icon";
 
 // Skins
-@import "mixins/border-radius";
-@import "mixins/box-shadow";
-@import "mixins/gradients";
-@import "mixins/transition";
+@forward "mixins/border-radius";
+@forward "mixins/box-shadow";
+@forward "mixins/gradients";
+@forward "mixins/transition";
 
 // Layout
-@import "mixins/clearfix";
-@import "mixins/container";
-@import "mixins/grid";
+@forward "mixins/clearfix";
+@forward "mixins/container";
+@forward "mixins/grid";

package/scss/_modal.import.scss

@@ -0,0 +1 @@
+@forward "modal";

package/scss/_modal.scss

@@ -1,4 +1,11 @@
 // stylelint-disable function-disallowed-list
+@use "sass:map";
+@use "mixins/backdrop" as *;
+@use "mixins/border-radius" as *;
+@use "mixins/box-shadow" as *;
+@use "mixins/breakpoints" as *;
+@use "mixins/transition" as *;
+@use "variables" as *;
 
 // .modal-open      - body class for killing the scroll
 // .modal           - container to scroll within
@@ -33,8 +40,8 @@
   // scss-docs-end modal-css-vars
 
   position: fixed;
+  inset-inline-start: 0;
   top: 0;
-  @include ltr-rtl("left", 0);
   z-index: var(--#{$prefix}modal-zindex);
   display: none;
   width: 100%;
@@ -132,7 +139,9 @@
 
   .btn-close {
     padding: calc(var(--#{$prefix}modal-header-padding-y) * .5) calc(var(--#{$prefix}modal-header-padding-x) * .5);
-    @include ltr-rtl-value-only("margin", calc(-.5 * var(--#{$prefix}modal-header-padding-y)) calc(-.5 * var(--#{$prefix}modal-header-padding-x)) calc(-.5 * var(--#{$prefix}modal-header-padding-y)) auto, calc(-.5 * var(--#{$prefix}modal-header-padding-y)) auto calc(-.5 * var(--#{$prefix}modal-header-padding-y)) calc(-.5 * var(--#{$prefix}modal-header-padding-x)));
+    margin-inline: auto calc(-.5 * var(--#{$prefix}modal-header-padding-x));
+    margin-top: calc(-.5 * var(--#{$prefix}modal-header-padding-y));
+    margin-bottom: calc(-.5 * var(--#{$prefix}modal-header-padding-y));
   }
 }
 
@@ -205,7 +214,7 @@
 }
 
 // scss-docs-start modal-fullscreen-loop
-@each $breakpoint in map-keys($grid-breakpoints) {
+@each $breakpoint in map.keys($grid-breakpoints) {
   $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
   $postfix: if($infix != "", $infix + "-down", "");
 

package/scss/_nav.import.scss

@@ -0,0 +1 @@
+@forward "nav";

package/scss/_nav.scss

@@ -1,3 +1,9 @@
+@use "mixins/border-radius" as *;
+@use "mixins/gradients" as *;
+@use "mixins/transition" as *;
+@use "vendor/rfs" as *;
+@use "variables" as *;
+
 // Base class
 //
 // Kickstart any navigation component with a set of style resets. Works with
@@ -16,7 +22,7 @@
 
   display: flex;
   flex-wrap: wrap;
-  @include ltr-rtl("padding-left", 0);
+  padding-inline-start: 0;
   margin-bottom: 0;
   list-style: none;
 }
@@ -211,8 +217,8 @@
 .nav-justified {
   > .nav-link,
   .nav-item {
-    flex-basis: 0;
     flex-grow: 1;
+    flex-basis: 0;
     text-align: center;
   }
 }

package/scss/_navbar.import.scss

@@ -0,0 +1 @@
+@forward "navbar";

package/scss/_navbar.scss

@@ -1,3 +1,15 @@
+@use "sass:map";
+@use "functions/escape-svg" as *;
+@use "mixins/border-radius" as *;
+@use "mixins/box-shadow" as *;
+@use "mixins/breakpoints" as *;
+@use "mixins/color-mode" as *;
+@use "mixins/deprecate" as *;
+@use "mixins/gradients" as *;
+@use "mixins/transition" as *;
+@use "vendor/rfs" as *;
+@use "variables" as *;
+
 // Navbar
 //
 // Provide a static navbar from which we expand to create full-width, fixed, and
@@ -65,7 +77,7 @@
 .navbar-brand {
   padding-top: var(--#{$prefix}navbar-brand-padding-y);
   padding-bottom: var(--#{$prefix}navbar-brand-padding-y);
-  @include ltr-rtl("margin-right", var(--#{$prefix}navbar-brand-margin-end));
+  margin-inline-end: var(--#{$prefix}navbar-brand-margin-end);
   @include font-size(var(--#{$prefix}navbar-brand-font-size));
   color: var(--#{$prefix}navbar-brand-color);
   text-decoration: if($link-decoration == none, null, none);
@@ -96,7 +108,7 @@
 
   display: flex;
   flex-direction: column; // cannot use `inherit` to get the `.navbar`s value
-  @include ltr-rtl("padding-left", 0);
+  padding-inline-start: 0;
   margin-bottom: 0;
   list-style: none;
 
@@ -139,8 +151,8 @@
 // the default flexbox row orientation. Requires the use of `flex-wrap: wrap`
 // on the `.navbar` parent.
 .navbar-collapse {
-  flex-basis: 100%;
   flex-grow: 1;
+  flex-basis: 100%;
   // For always expanded or extra full navbars, ensure content aligns itself
   // properly vertically. Can be easily overridden with flex utilities.
   align-items: center;
@@ -190,7 +202,7 @@
 // Generate series of `.navbar-expand-*` responsive classes for configuring
 // where your navbar collapses.
 .navbar-expand {
-  @each $breakpoint in map-keys($grid-breakpoints) {
+  @each $breakpoint in map.keys($grid-breakpoints) {
     $next: breakpoint-next($breakpoint, $grid-breakpoints);
     $infix: breakpoint-infix($next, $grid-breakpoints);
 
@@ -267,7 +279,7 @@
 }
 
 .navbar-dark,
-.navbar[data-coreui-theme="dark"] {
+.navbar[data#{$data-infix}theme="dark"] {
   // scss-docs-start navbar-dark-css-vars
   --#{$prefix}navbar-color: #{$navbar-dark-color};
   --#{$prefix}navbar-hover-color: #{$navbar-dark-hover-color};

package/scss/_offcanvas.import.scss

@@ -0,0 +1 @@
+@forward "offcanvas";

package/scss/_offcanvas.scss

@@ -1,4 +1,11 @@
 // stylelint-disable function-disallowed-list
+@use "sass:map";
+@use "mixins/backdrop" as *;
+@use "mixins/box-shadow" as *;
+@use "mixins/breakpoints" as *;
+@use "mixins/ltr-rtl" as *;
+@use "mixins/transition" as *;
+@use "variables" as *;
 
 %offcanvas-css-vars {
   // scss-docs-start offcanvas-css-vars
@@ -17,7 +24,7 @@
   // scss-docs-end offcanvas-css-vars
 }
 
-@each $breakpoint in map-keys($grid-breakpoints) {
+@each $breakpoint in map.keys($grid-breakpoints) {
   $next: breakpoint-next($breakpoint, $grid-breakpoints);
   $infix: breakpoint-infix($next, $grid-breakpoints);
 
@@ -26,7 +33,7 @@
   }
 }
 
-@each $breakpoint in map-keys($grid-breakpoints) {
+@each $breakpoint in map.keys($grid-breakpoints) {
   $next: breakpoint-next($breakpoint, $grid-breakpoints);
   $infix: breakpoint-infix($next, $grid-breakpoints);
 
@@ -47,18 +54,18 @@
       @include transition(var(--#{$prefix}offcanvas-transition));
 
       &.offcanvas-start {
+        inset-inline-start: 0;
         top: 0;
-        @include ltr-rtl("left", 0);
         width: var(--#{$prefix}offcanvas-width);
-        @include ltr-rtl("border-right", var(--#{$prefix}offcanvas-border-width) solid var(--#{$prefix}offcanvas-border-color));
+        border-inline-end: var(--#{$prefix}offcanvas-border-width) solid var(--#{$prefix}offcanvas-border-color);
         @include ltr-rtl-value-only("transform", translateX(-100%), translateX(100%));
       }
 
       &.offcanvas-end {
+        inset-inline-end: 0;
         top: 0;
-        @include ltr-rtl("right", 0);
         width: var(--#{$prefix}offcanvas-width);
-        @include ltr-rtl("border-left", var(--#{$prefix}offcanvas-border-width) solid var(--#{$prefix}offcanvas-border-color));
+        border-inline-start: var(--#{$prefix}offcanvas-border-width) solid var(--#{$prefix}offcanvas-border-color);
         transform: translateX(100%);
       }
 
@@ -127,8 +134,8 @@
 
   .btn-close {
     padding: calc(var(--#{$prefix}offcanvas-padding-y) * .5) calc(var(--#{$prefix}offcanvas-padding-x) * .5);
+    margin-inline: auto calc(-.5 * var(--#{$prefix}offcanvas-padding-x));
     margin-top: calc(-.5 * var(--#{$prefix}offcanvas-padding-y));
-    @include ltr-rtl("margin-right", calc(-.5 * var(--#{$prefix}offcanvas-padding-x)));
     margin-bottom: calc(-.5 * var(--#{$prefix}offcanvas-padding-y));
   }
 }

package/scss/_pagination.import.scss

@@ -0,0 +1 @@
+@forward "pagination";

package/scss/_pagination.scss

@@ -1,3 +1,11 @@
+@use "mixins/border-radius" as *;
+@use "mixins/gradients" as *;
+@use "mixins/lists" as *;
+@use "mixins/pagination" as *;
+@use "mixins/transition" as *;
+@use "vendor/rfs" as *;
+@use "variables" as *;
+
 .pagination {
   // scss-docs-start pagination-css-vars
   --#{$prefix}pagination-padding-x: #{$pagination-padding-x};
@@ -72,7 +80,7 @@
 
 .page-item {
   &:not(:first-child) .page-link {
-    @include ltr-rtl("margin-left", $pagination-margin-start);
+    margin-inline-start: $pagination-margin-start;
   }
 
   @if $pagination-margin-start == calc(#{$pagination-border-width} * -1) {

package/scss/_placeholders.import.scss

@@ -0,0 +1 @@
+@forward "placeholders";

package/scss/_placeholders.scss

@@ -1,3 +1,5 @@
+@use "variables" as *;
+
 .placeholder {
   display: inline-block;
   min-height: 1em;

package/scss/_popover.import.scss

@@ -0,0 +1 @@
+@forward "popover";

package/scss/_popover.scss

@@ -1,3 +1,9 @@
+@use "mixins/border-radius" as *;
+@use "mixins/box-shadow" as *;
+@use "mixins/reset-text" as *;
+@use "vendor/rfs" as *;
+@use "variables" as *;
+
 .popover {
   // scss-docs-start popover-css-vars
   --#{$prefix}popover-zindex: #{$zindex-popover};

package/scss/_progress.import.scss

@@ -0,0 +1 @@
+@forward "progress";

package/scss/_progress.scss

@@ -1,3 +1,10 @@
+@use "mixins/border-radius" as *;
+@use "mixins/box-shadow" as *;
+@use "mixins/gradients" as *;
+@use "mixins/transition" as *;
+@use "vendor/rfs" as *;
+@use "variables" as *;
+
 // Disable animation if transitions are disabled
 
 // scss-docs-start progress-keyframes

package/scss/_reboot.import.scss

@@ -0,0 +1 @@
+@forward "reboot";

package/scss/_reboot.scss

@@ -1,3 +1,7 @@
+@use "mixins/border-radius" as *;
+@use "vendor/rfs" as *;
+@use "variables" as *;
+
 // stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix
 
 
@@ -156,10 +160,10 @@ address {
 
 // Lists
 
-// ol,
-// ul {
-//   @include ltr-rtl("padding-left", 2rem); // TODO: find solution
-// }
+ol,
+ul {
+  padding-inline-start: 2rem;
+}
 
 ol,
 ul,
@@ -182,8 +186,8 @@ dt {
 // 1. Undo browser default
 
 dd {
+  margin-inline-start: 0; // 1
   margin-bottom: .5rem;
-  @include ltr-rtl("margin-left", 0); // 1
 }
 
 
@@ -350,7 +354,7 @@ caption {
   padding-top: $table-cell-padding-y;
   padding-bottom: $table-cell-padding-y;
   color: var(--#{$prefix}table-caption-color, $table-caption-color);
-  @include ltr-rtl("text-align", left);
+  text-align: start;
 }
 
 // 1. Removes font-weight bold by inheriting
@@ -494,7 +498,7 @@ fieldset {
 //    See https://github.com/twbs/bootstrap/issues/29712
 
 legend {
-  @include ltr-rtl("float", left); // 1
+  float: inline-start; // 1
   width: 100%;
   padding: 0;
   margin-bottom: $legend-margin-bottom;

package/scss/_root.import.scss

@@ -0,0 +1 @@
+@use "root";

package/scss/_root.scss

@@ -1,5 +1,14 @@
+@use "sass:meta";
+@use "functions/color" as *;
+@use "functions/to-rgb" as *;
+@use "mixins/color-mode" as *;
+@use "vendor/rfs" as *;
+@use "maps" as *;
+@use "variables" as *;
+@use "variables-dark" as *;
+
 :root,
-[data-coreui-theme="light"] {
+[data#{$data-infix}theme="light"] {
   // Note: Custom variable values only support SassScript inside `#{}`.
 
   // Colors
@@ -39,10 +48,10 @@
 
   // Fonts
 
-  // Note: Use `inspect` for lists so that quoted items keep the quotes.
+  // Note: Use `meta.inspect` for lists so that quoted items keep the quotes.
   // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
-  --#{$prefix}font-sans-serif: #{inspect($font-family-sans-serif)};
-  --#{$prefix}font-monospace: #{inspect($font-family-monospace)};
+  --#{$prefix}font-sans-serif: #{meta.inspect($font-family-sans-serif)};
+  --#{$prefix}font-monospace: #{meta.inspect($font-family-monospace)};
   --#{$prefix}gradient: #{$gradient};
 
   // Root and body
@@ -50,7 +59,7 @@
   @if $font-size-root != null {
     --#{$prefix}root-font-size: #{$font-size-root};
   }
-  --#{$prefix}body-font-family: #{inspect($font-family-base)};
+  --#{$prefix}body-font-family: #{meta.inspect($font-family-base)};
   @include rfs($font-size-base, --#{$prefix}body-font-size);
   --#{$prefix}body-font-weight: #{$font-weight-base};
   --#{$prefix}body-line-height: #{$line-height-base};

package/scss/_sidebar.import.scss

@@ -0,0 +1,3 @@
+@forward "sidebar/sidebar";
+@forward "sidebar/sidebar-nav";
+@forward "sidebar/sidebar-narrow";

package/scss/_sidebar.scss

@@ -1,3 +1,3 @@
-@import "sidebar/sidebar";
-@import "sidebar/sidebar-nav";
-@import "sidebar/sidebar-narrow";
+@forward "sidebar/sidebar";
+@forward "sidebar/sidebar-nav";
+@forward "sidebar/sidebar-narrow";

package/scss/_spinners.import.scss

@@ -0,0 +1 @@
+@forward "spinners";

package/scss/_spinners.scss

@@ -1,3 +1,5 @@
+@use "variables" as *;
+
 //
 // Rotating border
 //

package/scss/_tables.import.scss

@@ -0,0 +1 @@
+@forward "tables";

package/scss/_tables.scss

@@ -1,3 +1,8 @@
+@use "sass:map";
+@use "mixins/breakpoints" as *;
+@use "mixins/table-variants" as *;
+@use "variables" as *;
+
 //
 // Basic Bootstrap table
 //
@@ -159,7 +164,7 @@
 // Generate series of `.table-responsive-*` classes for configuring the screen
 // size of where your table will overflow.
 
-@each $breakpoint in map-keys($grid-breakpoints) {
+@each $breakpoint in map.keys($grid-breakpoints) {
   $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
 
   @include media-breakpoint-down($breakpoint) {

package/scss/_toasts.import.scss

@@ -0,0 +1 @@
+@forward "toasts";

package/scss/_toasts.scss

@@ -1,3 +1,7 @@
+@use "mixins/border-radius" as *;
+@use "vendor/rfs" as *;
+@use "variables" as *;
+
 .toast {
   // scss-docs-start toast-css-vars
   --#{$prefix}toast-zindex: #{$zindex-toast};
@@ -62,8 +66,7 @@
   @include border-top-radius(calc(var(--#{$prefix}toast-border-radius) - var(--#{$prefix}toast-border-width)));
 
   .btn-close {
-    @include ltr-rtl("margin-right", calc(-.5 * var(--#{$prefix}toast-padding-x)));
-    @include ltr-rtl("margin-left", var(--#{$prefix}toast-padding-x));
+    margin-inline: var(--#{$prefix}toast-padding-x) calc(-.5 * var(--#{$prefix}toast-padding-x)); // stylelint-disable-line function-disallowed-list
   }
 }
 

package/scss/_tooltip.import.scss

@@ -0,0 +1 @@
+@forward "tooltip";

package/scss/_tooltip.scss

@@ -1,3 +1,9 @@
+@use "mixins/border-radius" as *;
+@use "mixins/deprecate" as *;
+@use "mixins/reset-text" as *;
+@use "vendor/rfs" as *;
+@use "variables" as *;
+
 // Base class
 .tooltip {
   // scss-docs-start tooltip-css-vars

package/scss/_transitions.import.scss

@@ -0,0 +1 @@
+@forward "transitions";