@oat-sa/tao-core-ui 1.68.0 → 2.1.0

package/scss/inc/_functions.scss

@@ -22,7 +22,7 @@ Usage:
     $percentage: 0;
     $units: '%';
     $count: length($colorList);
-    $increment: 100 / ($count - 1);
+    $increment: calc(100 / ($count - 1));
     $css: #{$direction + ', '};
     $sep: ', ';
     @each $colorItem in $colorList {
@@ -43,7 +43,7 @@ Usage:
 
 @mixin grid-unit($span, $numCols: 12, $gutter: 0) {
     $gridPx: 840;
-    $rawSpanPx: (($gridPx - ($numCols * $gutter)) / $numCols);
+    $rawSpanPx: calc((($gridPx - ($numCols * $gutter)) / $numCols));
     $spanPx: $rawSpanPx * $span + (($span - 1) * $gutter);
     $spanPercent: widthPerc($spanPx, $gridPx);
     $marginPercent: widthPerc($gutter, $gridPx);
@@ -193,11 +193,11 @@ Usage:
 }
 
 @function widthPerc($colWidth, $context) {
-    @return ($colWidth * 100 / $context) * 1%
+    @return calc(($colWidth * 100 / $context) * 1%)
 }
 
 @function remDist($fontSizePx) {
-    @return ($fontSizePx / 10) * 1rem
+    @return calc(($fontSizePx / 10) * 1rem)
 }
 
 @function black($alpha: 1) {
@@ -210,12 +210,12 @@ Usage:
 
 @mixin font-size($remPx, $important: false) {
     @if $important == true {
-        font-size: ($remPx) * 1px !important;
-        font-size: ($remPx / 10) * 1rem !important;
+        font-size: calc(($remPx) * 1px) !important;
+        font-size: calc(($remPx / 10) * 1rem) !important;
     }
     @else {
-        font-size: ($remPx) * 1px;
-        font-size: ($remPx / 10) * 1rem;
+        font-size: calc(($remPx) * 1px);
+        font-size: calc(($remPx / 10) * 1rem);
     }
 }
 

package/scss/inc/fonts/_tao-icon-classes.scss

@@ -1,231 +1,231 @@
 /* Do not edit */[class^="icon-"], [class*=" icon-"] { @include tao-icon-setup; }
-.icon-japan-incorrect:before { @include icon-japan-incorrect; }
-.icon-japan-correct:before { @include icon-japan-correct; }
-.icon-japan-partial:before { @include icon-japan-partial; }
-.icon-score-partial:before { @include icon-score-partial; }
-.icon-furigana:before { @include icon-furigana; }
-.icon-add-subsection:before { @include icon-add-subsection; }
-.icon-info-bare:before { @include icon-info-bare; }
-.icon-bookmark-outline:before { @include icon-bookmark-outline; }
-.icon-bookmark:before { @include icon-bookmark; }
-.icon-indicator:before { @include icon-indicator; }
-.icon-wrap-inline:before { @include icon-wrap-inline; }
-.icon-wrap-left:before { @include icon-wrap-left; }
-.icon-wrap-right:before { @include icon-wrap-right; }
-.icon-offline:before { @include icon-offline; }
-.icon-online:before { @include icon-online; }
-.icon-tab:before { @include icon-tab; }
-.icon-untab:before { @include icon-untab; }
-.icon-multi-select:before { @include icon-multi-select; }
-.icon-clipboard:before { @include icon-clipboard; }
-.icon-filebox:before { @include icon-filebox; }
-.icon-click-to-speak:before { @include icon-click-to-speak; }
-.icon-speech-bubble:before { @include icon-speech-bubble; }
-.icon-microphone:before { @include icon-microphone; }
-.icon-microphone-off:before { @include icon-microphone-off; }
-.icon-disconnect:before { @include icon-disconnect; }
-.icon-connect:before { @include icon-connect; }
-.icon-eliminate:before { @include icon-eliminate; }
-.icon-wheelchair:before { @include icon-wheelchair; }
-.icon-text-marker:before { @include icon-text-marker; }
-.icon-unshield:before { @include icon-unshield; }
-.icon-shield:before { @include icon-shield; }
-.icon-tree:before { @include icon-tree; }
-.icon-home:before { @include icon-home; }
-.icon-shared-file:before { @include icon-shared-file; }
-.icon-end-attempt:before { @include icon-end-attempt; }
-.icon-icon:before { @include icon-icon; }
-.icon-radio-bg:before { @include icon-radio-bg; }
-.icon-checkbox-bg:before { @include icon-checkbox-bg; }
-.icon-tag:before { @include icon-tag; }
-.icon-style:before { @include icon-style; }
-.icon-ownership-transfer:before { @include icon-ownership-transfer; }
-.icon-property-advanced:before { @include icon-property-advanced; }
-.icon-property-add:before { @include icon-property-add; }
-.icon-repository-add:before { @include icon-repository-add; }
-.icon-repository-remove:before { @include icon-repository-remove; }
-.icon-repository:before { @include icon-repository; }
-.icon-result-server:before { @include icon-result-server; }
-.icon-folder:before { @include icon-folder; }
-.icon-folder-open:before { @include icon-folder-open; }
-.icon-left:before { @include icon-left; }
-.icon-right:before { @include icon-right; }
-.icon-up:before { @include icon-up; }
-.icon-down:before { @include icon-down; }
-.icon-undo:before { @include icon-undo; }
-.icon-redo:before { @include icon-redo; }
-.icon-screen:before { @include icon-screen; }
-.icon-laptop:before { @include icon-laptop; }
-.icon-tablet:before { @include icon-tablet; }
-.icon-phone:before { @include icon-phone; }
-.icon-move:before { @include icon-move; }
-.icon-bin:before { @include icon-bin; }
-.icon-shuffle:before { @include icon-shuffle; }
-.icon-print:before { @include icon-print; }
-.icon-tools:before { @include icon-tools; }
-.icon-settings:before { @include icon-settings; }
-.icon-video:before { @include icon-video; }
-.icon-find:before { @include icon-find; }
-.icon-image:before { @include icon-image; }
-.icon-edit:before { @include icon-edit; }
-.icon-document:before { @include icon-document; }
-.icon-resize-grid:before { @include icon-resize-grid; }
-.icon-resize:before { @include icon-resize; }
-.icon-help:before { @include icon-help; }
-.icon-mobile-menu:before { @include icon-mobile-menu; }
-.icon-fix:before { @include icon-fix; }
-.icon-unlock:before { @include icon-unlock; }
-.icon-lock:before { @include icon-lock; }
-.icon-ul:before { @include icon-ul; }
-.icon-ol:before { @include icon-ol; }
-.icon-email:before { @include icon-email; }
-.icon-download:before { @include icon-download; }
-.icon-logout:before { @include icon-logout; }
-.icon-login:before { @include icon-login; }
-.icon-spinner:before { @include icon-spinner; }
-.icon-preview:before { @include icon-preview; }
-.icon-external:before { @include icon-external; }
-.icon-time:before { @include icon-time; }
-.icon-save:before { @include icon-save; }
-.icon-warning:before { @include icon-warning; }
-.icon-add:before { @include icon-add; }
-.icon-error:before { @include icon-error; }
-.icon-close:before { @include icon-close; }
-.icon-success:before { @include icon-success; }
-.icon-remove:before { @include icon-remove; }
-.icon-info:before { @include icon-info; }
-.icon-danger:before { @include icon-danger; }
-.icon-users:before { @include icon-users; }
-.icon-user:before { @include icon-user; }
-.icon-test-taker:before { @include icon-test-taker; }
-.icon-test-takers:before { @include icon-test-takers; }
-.icon-item:before { @include icon-item; }
-.icon-test:before { @include icon-test; }
-.icon-delivery:before { @include icon-delivery; }
-.icon-eye-slash:before { @include icon-eye-slash; }
-.icon-result:before { @include icon-result; }
-.icon-delivery-small:before { @include icon-delivery-small; }
-.icon-upload:before { @include icon-upload; }
-.icon-result-small:before { @include icon-result-small; }
-.icon-mobile-preview:before { @include icon-mobile-preview; }
-.icon-extension:before { @include icon-extension; }
-.icon-desktop-preview:before { @include icon-desktop-preview; }
-.icon-tablet-preview:before { @include icon-tablet-preview; }
-.icon-insert-horizontal-line:before { @include icon-insert-horizontal-line; }
-.icon-table:before { @include icon-table; }
-.icon-anchor:before { @include icon-anchor; }
-.icon-unlink:before { @include icon-unlink; }
-.icon-link:before { @include icon-link; }
-.icon-right-left:before { @include icon-right-left; }
-.icon-left-right:before { @include icon-left-right; }
-.icon-special-character:before { @include icon-special-character; }
-.icon-source:before { @include icon-source; }
-.icon-new-page:before { @include icon-new-page; }
-.icon-templates:before { @include icon-templates; }
-.icon-cut:before { @include icon-cut; }
-.icon-replace:before { @include icon-replace; }
-.icon-copy:before { @include icon-copy; }
-.icon-paste:before { @include icon-paste; }
-.icon-select-all:before { @include icon-select-all; }
-.icon-paste-text:before { @include icon-paste-text; }
-.icon-paste-word:before { @include icon-paste-word; }
-.icon-bold:before { @include icon-bold; }
-.icon-italic:before { @include icon-italic; }
-.icon-underline:before { @include icon-underline; }
-.icon-subscript:before { @include icon-subscript; }
-.icon-superscript:before { @include icon-superscript; }
-.icon-strike-through:before { @include icon-strike-through; }
-.icon-decrease-indent:before { @include icon-decrease-indent; }
-.icon-increase-indent:before { @include icon-increase-indent; }
-.icon-block-quote:before { @include icon-block-quote; }
-.icon-div-container:before { @include icon-div-container; }
-.icon-align-left:before { @include icon-align-left; }
-.icon-center:before { @include icon-center; }
-.icon-align-right:before { @include icon-align-right; }
-.icon-justify:before { @include icon-justify; }
-.icon-choice:before { @include icon-choice; }
-.icon-inline-choice:before { @include icon-inline-choice; }
-.icon-match:before { @include icon-match; }
-.icon-associate:before { @include icon-associate; }
-.icon-media:before { @include icon-media; }
-.icon-graphic-order:before { @include icon-graphic-order; }
-.icon-hotspot:before { @include icon-hotspot; }
-.icon-graphic-gap:before { @include icon-graphic-gap; }
-.icon-graphic-associate:before { @include icon-graphic-associate; }
-.icon-select-point:before { @include icon-select-point; }
-.icon-pin:before { @include icon-pin; }
-.icon-import:before { @include icon-import; }
-.icon-export:before { @include icon-export; }
-.icon-move-item:before { @include icon-move-item; }
-.icon-meta-data:before { @include icon-meta-data; }
-.icon-slider:before { @include icon-slider; }
-.icon-summary-report:before { @include icon-summary-report; }
-.icon-text-entry:before { @include icon-text-entry; }
-.icon-extended-text:before { @include icon-extended-text; }
-.icon-eraser:before { @include icon-eraser; }
-.icon-row:before { @include icon-row; }
-.icon-column:before { @include icon-column; }
-.icon-text-color:before { @include icon-text-color; }
-.icon-background-color:before { @include icon-background-color; }
-.icon-spell-check:before { @include icon-spell-check; }
-.icon-polygon:before { @include icon-polygon; }
-.icon-rectangle:before { @include icon-rectangle; }
-.icon-gap-match:before { @include icon-gap-match; }
-.icon-order:before { @include icon-order; }
-.icon-hottext:before { @include icon-hottext; }
-.icon-free-form:before { @include icon-free-form; }
-.icon-step-backward:before { @include icon-step-backward; }
-.icon-fast-backward:before { @include icon-fast-backward; }
-.icon-backward:before { @include icon-backward; }
-.icon-play:before { @include icon-play; }
-.icon-pause:before { @include icon-pause; }
-.icon-stop:before { @include icon-stop; }
-.icon-forward:before { @include icon-forward; }
-.icon-fast-forward:before { @include icon-fast-forward; }
-.icon-step-forward:before { @include icon-step-forward; }
-.icon-ellipsis:before { @include icon-ellipsis; }
-.icon-circle:before { @include icon-circle; }
-.icon-target:before { @include icon-target; }
-.icon-guide-arrow:before { @include icon-guide-arrow; }
-.icon-range-slider-right:before { @include icon-range-slider-right; }
-.icon-range-slider-left:before { @include icon-range-slider-left; }
-.icon-radio-checked:before { @include icon-radio-checked; }
-.icon-checkbox-indeterminate:before { @include icon-checkbox-indeterminate; }
-.icon-checkbox:before { @include icon-checkbox; }
-.icon-checkbox-crossed:before { @include icon-checkbox-crossed; }
-.icon-checkbox-checked:before { @include icon-checkbox-checked; }
-.icon-result-nok:before { @include icon-result-nok; }
-.icon-result-ok:before { @include icon-result-ok; }
-.icon-not-evaluated:before { @include icon-not-evaluated; }
-.icon-filter:before { @include icon-filter; }
-.icon-translate:before { @include icon-translate; }
-.icon-eject:before { @include icon-eject; }
-.icon-continue:before { @include icon-continue; }
-.icon-radio:before { @include icon-radio; }
-.icon-sphere:before { @include icon-sphere; }
-.icon-reset:before { @include icon-reset; }
-.icon-smaller:before { @include icon-smaller; }
-.icon-larger:before { @include icon-larger; }
-.icon-clock:before { @include icon-clock; }
-.icon-font:before { @include icon-font; }
-.icon-maths:before { @include icon-maths; }
-.icon-grip:before { @include icon-grip; }
-.icon-rubric:before { @include icon-rubric; }
-.icon-audio:before { @include icon-audio; }
-.icon-grip-h:before { @include icon-grip-h; }
-.icon-magicwand:before { @include icon-magicwand; }
-.icon-loop:before { @include icon-loop; }
-.icon-calendar:before { @include icon-calendar; }
-.icon-reload:before { @include icon-reload; }
-.icon-speed:before { @include icon-speed; }
-.icon-volume:before { @include icon-volume; }
-.icon-contrast:before { @include icon-contrast; }
-.icon-headphones:before { @include icon-headphones; }
-.icon-compress:before { @include icon-compress; }
-.icon-map-o:before { @include icon-map-o; }
-.icon-variable:before { @include icon-variable; }
-.icon-tooltip:before { @include icon-tooltip; }
-.icon-globe:before { @include icon-globe; }
-.icon-highlighter:before { @include icon-highlighter; }
-.icon-eliminate-crossed:before { @include icon-eliminate-crossed; }
-.icon-play-from-here:before { @include icon-play-from-here; }
+%icon-japan-incorrect-before, .icon-japan-incorrect:before { @include icon-japan-incorrect; }
+%icon-japan-correct-before, .icon-japan-correct:before { @include icon-japan-correct; }
+%icon-japan-partial-before, .icon-japan-partial:before { @include icon-japan-partial; }
+%icon-score-partial-before, .icon-score-partial:before { @include icon-score-partial; }
+%icon-furigana-before, .icon-furigana:before { @include icon-furigana; }
+%icon-add-subsection-before, .icon-add-subsection:before { @include icon-add-subsection; }
+%icon-info-bare-before, .icon-info-bare:before { @include icon-info-bare; }
+%icon-bookmark-outline-before, .icon-bookmark-outline:before { @include icon-bookmark-outline; }
+%icon-bookmark-before, .icon-bookmark:before { @include icon-bookmark; }
+%icon-indicator-before, .icon-indicator:before { @include icon-indicator; }
+%icon-wrap-inline-before, .icon-wrap-inline:before { @include icon-wrap-inline; }
+%icon-wrap-left-before, .icon-wrap-left:before { @include icon-wrap-left; }
+%icon-wrap-right-before, .icon-wrap-right:before { @include icon-wrap-right; }
+%icon-offline-before, .icon-offline:before { @include icon-offline; }
+%icon-online-before, .icon-online:before { @include icon-online; }
+%icon-tab-before, .icon-tab:before { @include icon-tab; }
+%icon-untab-before, .icon-untab:before { @include icon-untab; }
+%icon-multi-select-before, .icon-multi-select:before { @include icon-multi-select; }
+%icon-clipboard-before, .icon-clipboard:before { @include icon-clipboard; }
+%icon-filebox-before, .icon-filebox:before { @include icon-filebox; }
+%icon-click-to-speak-before, .icon-click-to-speak:before { @include icon-click-to-speak; }
+%icon-speech-bubble-before, .icon-speech-bubble:before { @include icon-speech-bubble; }
+%icon-microphone-before, .icon-microphone:before { @include icon-microphone; }
+%icon-microphone-off-before, .icon-microphone-off:before { @include icon-microphone-off; }
+%icon-disconnect-before, .icon-disconnect:before { @include icon-disconnect; }
+%icon-connect-before, .icon-connect:before { @include icon-connect; }
+%icon-eliminate-before, .icon-eliminate:before { @include icon-eliminate; }
+%icon-wheelchair-before, .icon-wheelchair:before { @include icon-wheelchair; }
+%icon-text-marker-before, .icon-text-marker:before { @include icon-text-marker; }
+%icon-unshield-before, .icon-unshield:before { @include icon-unshield; }
+%icon-shield-before, .icon-shield:before { @include icon-shield; }
+%icon-tree-before, .icon-tree:before { @include icon-tree; }
+%icon-home-before, .icon-home:before { @include icon-home; }
+%icon-shared-file-before, .icon-shared-file:before { @include icon-shared-file; }
+%icon-end-attempt-before, .icon-end-attempt:before { @include icon-end-attempt; }
+%icon-icon-before, .icon-icon:before { @include icon-icon; }
+%icon-radio-bg-before, .icon-radio-bg:before { @include icon-radio-bg; }
+%icon-checkbox-bg-before, .icon-checkbox-bg:before { @include icon-checkbox-bg; }
+%icon-tag-before, .icon-tag:before { @include icon-tag; }
+%icon-style-before, .icon-style:before { @include icon-style; }
+%icon-ownership-transfer-before, .icon-ownership-transfer:before { @include icon-ownership-transfer; }
+%icon-property-advanced-before, .icon-property-advanced:before { @include icon-property-advanced; }
+%icon-property-add-before, .icon-property-add:before { @include icon-property-add; }
+%icon-repository-add-before, .icon-repository-add:before { @include icon-repository-add; }
+%icon-repository-remove-before, .icon-repository-remove:before { @include icon-repository-remove; }
+%icon-repository-before, .icon-repository:before { @include icon-repository; }
+%icon-result-server-before, .icon-result-server:before { @include icon-result-server; }
+%icon-folder-before, .icon-folder:before { @include icon-folder; }
+%icon-folder-open-before, .icon-folder-open:before { @include icon-folder-open; }
+%icon-left-before, .icon-left:before { @include icon-left; }
+%icon-right-before, .icon-right:before { @include icon-right; }
+%icon-up-before, .icon-up:before { @include icon-up; }
+%icon-down-before, .icon-down:before { @include icon-down; }
+%icon-undo-before, .icon-undo:before { @include icon-undo; }
+%icon-redo-before, .icon-redo:before { @include icon-redo; }
+%icon-screen-before, .icon-screen:before { @include icon-screen; }
+%icon-laptop-before, .icon-laptop:before { @include icon-laptop; }
+%icon-tablet-before, .icon-tablet:before { @include icon-tablet; }
+%icon-phone-before, .icon-phone:before { @include icon-phone; }
+%icon-move-before, .icon-move:before { @include icon-move; }
+%icon-bin-before, .icon-bin:before { @include icon-bin; }
+%icon-shuffle-before, .icon-shuffle:before { @include icon-shuffle; }
+%icon-print-before, .icon-print:before { @include icon-print; }
+%icon-tools-before, .icon-tools:before { @include icon-tools; }
+%icon-settings-before, .icon-settings:before { @include icon-settings; }
+%icon-video-before, .icon-video:before { @include icon-video; }
+%icon-find-before, .icon-find:before { @include icon-find; }
+%icon-image-before, .icon-image:before { @include icon-image; }
+%icon-edit-before, .icon-edit:before { @include icon-edit; }
+%icon-document-before, .icon-document:before { @include icon-document; }
+%icon-resize-grid-before, .icon-resize-grid:before { @include icon-resize-grid; }
+%icon-resize-before, .icon-resize:before { @include icon-resize; }
+%icon-help-before, .icon-help:before { @include icon-help; }
+%icon-mobile-menu-before, .icon-mobile-menu:before { @include icon-mobile-menu; }
+%icon-fix-before, .icon-fix:before { @include icon-fix; }
+%icon-unlock-before, .icon-unlock:before { @include icon-unlock; }
+%icon-lock-before, .icon-lock:before { @include icon-lock; }
+%icon-ul-before, .icon-ul:before { @include icon-ul; }
+%icon-ol-before, .icon-ol:before { @include icon-ol; }
+%icon-email-before, .icon-email:before { @include icon-email; }
+%icon-download-before, .icon-download:before { @include icon-download; }
+%icon-logout-before, .icon-logout:before { @include icon-logout; }
+%icon-login-before, .icon-login:before { @include icon-login; }
+%icon-spinner-before, .icon-spinner:before { @include icon-spinner; }
+%icon-preview-before, .icon-preview:before { @include icon-preview; }
+%icon-external-before, .icon-external:before { @include icon-external; }
+%icon-time-before, .icon-time:before { @include icon-time; }
+%icon-save-before, .icon-save:before { @include icon-save; }
+%icon-warning-before, .icon-warning:before { @include icon-warning; }
+%icon-add-before, .icon-add:before { @include icon-add; }
+%icon-error-before, .icon-error:before { @include icon-error; }
+%icon-close-before, .icon-close:before { @include icon-close; }
+%icon-success-before, .icon-success:before { @include icon-success; }
+%icon-remove-before, .icon-remove:before { @include icon-remove; }
+%icon-info-before, .icon-info:before { @include icon-info; }
+%icon-danger-before, .icon-danger:before { @include icon-danger; }
+%icon-users-before, .icon-users:before { @include icon-users; }
+%icon-user-before, .icon-user:before { @include icon-user; }
+%icon-test-taker-before, .icon-test-taker:before { @include icon-test-taker; }
+%icon-test-takers-before, .icon-test-takers:before { @include icon-test-takers; }
+%icon-item-before, .icon-item:before { @include icon-item; }
+%icon-test-before, .icon-test:before { @include icon-test; }
+%icon-delivery-before, .icon-delivery:before { @include icon-delivery; }
+%icon-eye-slash-before, .icon-eye-slash:before { @include icon-eye-slash; }
+%icon-result-before, .icon-result:before { @include icon-result; }
+%icon-delivery-small-before, .icon-delivery-small:before { @include icon-delivery-small; }
+%icon-upload-before, .icon-upload:before { @include icon-upload; }
+%icon-result-small-before, .icon-result-small:before { @include icon-result-small; }
+%icon-mobile-preview-before, .icon-mobile-preview:before { @include icon-mobile-preview; }
+%icon-extension-before, .icon-extension:before { @include icon-extension; }
+%icon-desktop-preview-before, .icon-desktop-preview:before { @include icon-desktop-preview; }
+%icon-tablet-preview-before, .icon-tablet-preview:before { @include icon-tablet-preview; }
+%icon-insert-horizontal-line-before, .icon-insert-horizontal-line:before { @include icon-insert-horizontal-line; }
+%icon-table-before, .icon-table:before { @include icon-table; }
+%icon-anchor-before, .icon-anchor:before { @include icon-anchor; }
+%icon-unlink-before, .icon-unlink:before { @include icon-unlink; }
+%icon-link-before, .icon-link:before { @include icon-link; }
+%icon-right-left-before, .icon-right-left:before { @include icon-right-left; }
+%icon-left-right-before, .icon-left-right:before { @include icon-left-right; }
+%icon-special-character-before, .icon-special-character:before { @include icon-special-character; }
+%icon-source-before, .icon-source:before { @include icon-source; }
+%icon-new-page-before, .icon-new-page:before { @include icon-new-page; }
+%icon-templates-before, .icon-templates:before { @include icon-templates; }
+%icon-cut-before, .icon-cut:before { @include icon-cut; }
+%icon-replace-before, .icon-replace:before { @include icon-replace; }
+%icon-copy-before, .icon-copy:before { @include icon-copy; }
+%icon-paste-before, .icon-paste:before { @include icon-paste; }
+%icon-select-all-before, .icon-select-all:before { @include icon-select-all; }
+%icon-paste-text-before, .icon-paste-text:before { @include icon-paste-text; }
+%icon-paste-word-before, .icon-paste-word:before { @include icon-paste-word; }
+%icon-bold-before, .icon-bold:before { @include icon-bold; }
+%icon-italic-before, .icon-italic:before { @include icon-italic; }
+%icon-underline-before, .icon-underline:before { @include icon-underline; }
+%icon-subscript-before, .icon-subscript:before { @include icon-subscript; }
+%icon-superscript-before, .icon-superscript:before { @include icon-superscript; }
+%icon-strike-through-before, .icon-strike-through:before { @include icon-strike-through; }
+%icon-decrease-indent-before, .icon-decrease-indent:before { @include icon-decrease-indent; }
+%icon-increase-indent-before, .icon-increase-indent:before { @include icon-increase-indent; }
+%icon-block-quote-before, .icon-block-quote:before { @include icon-block-quote; }
+%icon-div-container-before, .icon-div-container:before { @include icon-div-container; }
+%icon-align-left-before, .icon-align-left:before { @include icon-align-left; }
+%icon-center-before, .icon-center:before { @include icon-center; }
+%icon-align-right-before, .icon-align-right:before { @include icon-align-right; }
+%icon-justify-before, .icon-justify:before { @include icon-justify; }
+%icon-choice-before, .icon-choice:before { @include icon-choice; }
+%icon-inline-choice-before, .icon-inline-choice:before { @include icon-inline-choice; }
+%icon-match-before, .icon-match:before { @include icon-match; }
+%icon-associate-before, .icon-associate:before { @include icon-associate; }
+%icon-media-before, .icon-media:before { @include icon-media; }
+%icon-graphic-order-before, .icon-graphic-order:before { @include icon-graphic-order; }
+%icon-hotspot-before, .icon-hotspot:before { @include icon-hotspot; }
+%icon-graphic-gap-before, .icon-graphic-gap:before { @include icon-graphic-gap; }
+%icon-graphic-associate-before, .icon-graphic-associate:before { @include icon-graphic-associate; }
+%icon-select-point-before, .icon-select-point:before { @include icon-select-point; }
+%icon-pin-before, .icon-pin:before { @include icon-pin; }
+%icon-import-before, .icon-import:before { @include icon-import; }
+%icon-export-before, .icon-export:before { @include icon-export; }
+%icon-move-item-before, .icon-move-item:before { @include icon-move-item; }
+%icon-meta-data-before, .icon-meta-data:before { @include icon-meta-data; }
+%icon-slider-before, .icon-slider:before { @include icon-slider; }
+%icon-summary-report-before, .icon-summary-report:before { @include icon-summary-report; }
+%icon-text-entry-before, .icon-text-entry:before { @include icon-text-entry; }
+%icon-extended-text-before, .icon-extended-text:before { @include icon-extended-text; }
+%icon-eraser-before, .icon-eraser:before { @include icon-eraser; }
+%icon-row-before, .icon-row:before { @include icon-row; }
+%icon-column-before, .icon-column:before { @include icon-column; }
+%icon-text-color-before, .icon-text-color:before { @include icon-text-color; }
+%icon-background-color-before, .icon-background-color:before { @include icon-background-color; }
+%icon-spell-check-before, .icon-spell-check:before { @include icon-spell-check; }
+%icon-polygon-before, .icon-polygon:before { @include icon-polygon; }
+%icon-rectangle-before, .icon-rectangle:before { @include icon-rectangle; }
+%icon-gap-match-before, .icon-gap-match:before { @include icon-gap-match; }
+%icon-order-before, .icon-order:before { @include icon-order; }
+%icon-hottext-before, .icon-hottext:before { @include icon-hottext; }
+%icon-free-form-before, .icon-free-form:before { @include icon-free-form; }
+%icon-step-backward-before, .icon-step-backward:before { @include icon-step-backward; }
+%icon-fast-backward-before, .icon-fast-backward:before { @include icon-fast-backward; }
+%icon-backward-before, .icon-backward:before { @include icon-backward; }
+%icon-play-before, .icon-play:before { @include icon-play; }
+%icon-pause-before, .icon-pause:before { @include icon-pause; }
+%icon-stop-before, .icon-stop:before { @include icon-stop; }
+%icon-forward-before, .icon-forward:before { @include icon-forward; }
+%icon-fast-forward-before, .icon-fast-forward:before { @include icon-fast-forward; }
+%icon-step-forward-before, .icon-step-forward:before { @include icon-step-forward; }
+%icon-ellipsis-before, .icon-ellipsis:before { @include icon-ellipsis; }
+%icon-circle-before, .icon-circle:before { @include icon-circle; }
+%icon-target-before, .icon-target:before { @include icon-target; }
+%icon-guide-arrow-before, .icon-guide-arrow:before { @include icon-guide-arrow; }
+%icon-range-slider-right-before, .icon-range-slider-right:before { @include icon-range-slider-right; }
+%icon-range-slider-left-before, .icon-range-slider-left:before { @include icon-range-slider-left; }
+%icon-radio-checked-before, .icon-radio-checked:before { @include icon-radio-checked; }
+%icon-checkbox-indeterminate-before, .icon-checkbox-indeterminate:before { @include icon-checkbox-indeterminate; }
+%icon-checkbox-before, .icon-checkbox:before { @include icon-checkbox; }
+%icon-checkbox-crossed-before, .icon-checkbox-crossed:before { @include icon-checkbox-crossed; }
+%icon-checkbox-checked-before, .icon-checkbox-checked:before { @include icon-checkbox-checked; }
+%icon-result-nok-before, .icon-result-nok:before { @include icon-result-nok; }
+%icon-result-ok-before, .icon-result-ok:before { @include icon-result-ok; }
+%icon-not-evaluated-before, .icon-not-evaluated:before { @include icon-not-evaluated; }
+%icon-filter-before, .icon-filter:before { @include icon-filter; }
+%icon-translate-before, .icon-translate:before { @include icon-translate; }
+%icon-eject-before, .icon-eject:before { @include icon-eject; }
+%icon-continue-before, .icon-continue:before { @include icon-continue; }
+%icon-radio-before, .icon-radio:before { @include icon-radio; }
+%icon-sphere-before, .icon-sphere:before { @include icon-sphere; }
+%icon-reset-before, .icon-reset:before { @include icon-reset; }
+%icon-smaller-before, .icon-smaller:before { @include icon-smaller; }
+%icon-larger-before, .icon-larger:before { @include icon-larger; }
+%icon-clock-before, .icon-clock:before { @include icon-clock; }
+%icon-font-before, .icon-font:before { @include icon-font; }
+%icon-maths-before, .icon-maths:before { @include icon-maths; }
+%icon-grip-before, .icon-grip:before { @include icon-grip; }
+%icon-rubric-before, .icon-rubric:before { @include icon-rubric; }
+%icon-audio-before, .icon-audio:before { @include icon-audio; }
+%icon-grip-h-before, .icon-grip-h:before { @include icon-grip-h; }
+%icon-magicwand-before, .icon-magicwand:before { @include icon-magicwand; }
+%icon-loop-before, .icon-loop:before { @include icon-loop; }
+%icon-calendar-before, .icon-calendar:before { @include icon-calendar; }
+%icon-reload-before, .icon-reload:before { @include icon-reload; }
+%icon-speed-before, .icon-speed:before { @include icon-speed; }
+%icon-volume-before, .icon-volume:before { @include icon-volume; }
+%icon-contrast-before, .icon-contrast:before { @include icon-contrast; }
+%icon-headphones-before, .icon-headphones:before { @include icon-headphones; }
+%icon-compress-before, .icon-compress:before { @include icon-compress; }
+%icon-map-o-before, .icon-map-o:before { @include icon-map-o; }
+%icon-variable-before, .icon-variable:before { @include icon-variable; }
+%icon-tooltip-before, .icon-tooltip:before { @include icon-tooltip; }
+%icon-globe-before, .icon-globe:before { @include icon-globe; }
+%icon-highlighter-before, .icon-highlighter:before { @include icon-highlighter; }
+%icon-eliminate-crossed-before, .icon-eliminate-crossed:before { @include icon-eliminate-crossed; }
+%icon-play-from-here-before, .icon-play-from-here:before { @include icon-play-from-here; }

package/src/animable/absorbable/css/absorb.css

@@ -8,40 +8,36 @@ Usage:
 /* based on "visually-hidden" mixin in LDS for accessibility goals */
 /* Do not edit */
 .absorbable {
-    z-index: 1;
-    border-radius: 0%;
-    background: #e6e6e6;
-    opacity: 0;
+  z-index: 1;
+  border-radius: 0%;
+  background: rgb(230, 230, 230);
+  opacity: 0;
 }
-
 .absorbable.animate {
-    transform: translateZ(0);
-    transition-timing-function: cubic-bezier(0.2, 0.6, 1, 0.4);
-    animation: absorbable-opacity 2s cubic-bezier(0.2, 0.6, 1, 0.4) 1;
+  transform: translateZ(0);
+  transition-timing-function: cubic-bezier(0.2, 0.6, 1, 0.4);
+  animation: absorbable-opacity 2s cubic-bezier(0.2, 0.6, 1, 0.4) 1;
 }
-
 @keyframes absorbable-opacity {
-    0% {
-        opacity: 0;
-    }
-    20% {
-        opacity: 0.3;
-        border-radius: 20%;
-    }
-    60% {
-        opacity: 0.9;
-    }
-    100% {
-        border-radius: 50%;
-    }
+  0% {
+    opacity: 0;
+  }
+  20% {
+    opacity: 0.3;
+    border-radius: 20%;
+  }
+  60% {
+    opacity: 0.9;
+  }
+  100% {
+    border-radius: 50%;
+  }
 }
-
 .absorbable .example {
-    display: grid;
-    transition: all 0.5s;
-    -webkit-user-select: none;
-            user-select: none;
-    background: linear-gradient(to bottom, white, black);
+  display: grid;
+  transition: all 0.5s;
+  -webkit-user-select: none;
+          user-select: none;
+  background: linear-gradient(to bottom, white, black);
 }
-
 /*# sourceMappingURL=absorb.css.map */