@nulllogic/scssleon 1.0.5 → 1.0.7

package/scss/_utilities.scss

@@ -1,356 +0,0 @@
-@use "config";
-@use 'sass:map';
-
-$config: nil !default;
-$theme: nil !default;
-
-// Utilities
-// @TODO add grid rules here later
-
-$utilities: () !default;
-
-$utilities: map.merge((
-
-  "display" : (
-    responsive: false,
-    property: 'display',
-    values: (
-      block: block,
-      inline-block: inline-block,
-      inline: inline,
-      flex: flex,
-      inline-flex: inline-flex,
-      table: table,
-      inline-table: inline-table,
-      table-caption: table-caption,
-      table-cell: table-cell,
-      table-column: table-column,
-      table-column-group: table-column-group,
-      table-footer-group: table-footer-group,
-      table-header-group: table-header-group,
-      table-row-group: table-row-group,
-      table-row: table-row,
-      flow-root: flow-root,
-      grid: grid,
-      inline-grid: inline-grid,
-      contents: contents,
-      list-item: list-item,
-      hidden: hidden
-    ),
-  ),
-
-  // Flex
-  "flex": (
-    responsive: false,
-    property: "flex",
-    values: (
-      flex-initial: 0 1 auto,
-      flex-1: 1 1 0%,
-      flex-auto: 1 1 auto,
-      flex-none: none
-    ),
-  ),
-
-  "flex-direction" : (
-    responsive: false,
-    property: "flex-direction",
-    values: (
-      flex-row: row,
-      flex-row-reverse: row-reverse,
-      flex-col: column,
-      flex-col-reverse: column-reverse
-    ),
-  ),
-
-  "flex-grow" : (
-   responsive: false,
-   property: "flex-grow",
-   values: (
-      grow: 1,
-      grow-0: 0
-   )
-  ),
-
-  "flex-shrink" : (
-    responsive: false,
-    property: "flex-shrink",
-    values : (
-      shrink : 1,
-      shrink-0 : 0
-    )
-  ),
-
-  "flex-wrap" : (
-    responsive: false,
-    property: "flex-wrap",
-    values : (
-      flex-wrap : flex-wrap,
-      flex-wrap-reverse: flex-wrap-reverse,
-      flex-nowrap: flex-nowrap
-    )
-  ),
-
-  "order" : (
-    responsive: false,
-    property: "order",
-    values : (
-      order-none: 0,
-      order-first: -9999,
-      order-1: 1,
-      order-2: 2,
-      order-3: 3,
-      order-4: 4,
-      order-5: 5,
-      order-6: 6,
-      order-last: 9999,
-    )
-  ),
-  
-  "align-items" : (
-    responsive: false,
-    property: "align-items",
-    values: (
-      align-items-start: flex-start,
-      align-items-end: flex-end,
-      align-items-center: center,
-      align-items-baseline: baseline,
-      align-items-stretch: stretch
-    )
-  ),
-
-  "align-content" : (
-    responsive: false,
-    property: "align-content",
-    values: (
-      align-content-center: center,
-      align-content-start: flex-start,
-      align-content-end: flex-end,
-      align-content-between: space-between,
-      align-content-around: space-around,
-      align-content-evenly: space-evenly
-    ),
-  ),
-
-  "align-self" : (
-    responsive: false,
-    property: "align-self",
-    values: (
-      align-self-start : flex-start,
-      align-self-end: flex-end,
-      align-self-center: center,
-      align-self-stretch: stretch,
-      align-self-baseline: baseline
-    )
-  ),
-
-  "justify-content": (
-    responsive: false,
-    property: "justify-content",
-    values: (
-      justify-content-start: flex-start,
-      justify-content-end: flex-end,
-      justify-content-center: center,
-      justify-content-between: space-between,
-      justify-content-around: space-around,
-      justify-content-evenly: space-evenly,
-      justify-content-stretch: stretch
-    )
-  ),
-
-  "justify-items" : (
-    responsive: false,
-    property: "justify-items",
-    values: (
-      justify-items-start: start,
-      justify-items-end: end,
-      justify-items-center: center,
-      justify-items-stretch: stretch
-    )
-  ),
-
-  "justify-self" : (
-    responsive: false,
-    property: "justify-self",
-    values: (
-      justify-self-start: start,
-      justify-self-end: end,
-      justify-self-center: center,
-      justify-self-stretch: stretch
-    )
-  ),
-
-  "vertical-align" : (
-    responsive: false,
-    property: "vertical-align",
-    values: (
-      align-baseline: baseline,
-      align-top: top,
-      align-middle: middle,
-      align-bottom: bottom,
-      align-text-top: text-top,
-      align-text-bottom: text-bottom,
-      align-sub: sub,
-      align-super: super
-    )
-  ),
-
-  "float" : (
-    responsive: false,
-    property: "float",
-    values: (
-      float-left: left,
-      float-right: right,
-      float-none: none,
-    )
-  ),
-
-  "overflow" : (
-    responsive: false,
-    property: "overflow",
-    values: (
-      overflow-auto: auto, //@TODO check later
-      overflow-hidden: hidden,
-      overflow-scroll: scroll,
-      overflow-visible: visible
-    )
-  ),
-
-  "position" : (
-    responsive: false,
-    property: "position",
-    values: (
-      static: static,
-      fixed: fixed,
-      absolute: absolute,
-      relative : relative,
-      sticky : sticky
-    )
-  ),
-
-//  "width" : (
-//
-//  ),
-//
-  "max-width" : (
-    responsive: false,
-    property: "max-width",
-    values: (
-      max-w-full : 100%,
-      max-w-none: none
-    )
-  ),
-
-  "min-height" : (
-    responsive: false,
-    property: "min-height",
-    values: (
-      min-h-0: 0px,
-      min-h-full: 100%,
-      min-h-screen: 100vh
-    )
-  ),
-
-  "text-align" : (
-    responsive: false,
-    property: "text-align",
-    values: (
-      "text-left": left,
-      "text-right" : right,
-      "text-center" : center
-    )
-  ),
-//
-//  "word-wrap" : (
-//
-//  ),
-//
-  "white-space" : (
-    responsive: false,
-    property: "white-space",
-    values: (
-      white-space-normal : normal,
-      white-space-nowrap: nowrap,
-      white-space-brake-spaces: break-spaces
-    )
-  ),
-
-  "user-select" : (
-    responsive: false,
-    property: "user-select",
-    values: (
-      select-none: none,
-      select-text: text,
-      select-all: all,
-      select-auto: auto
-    )
-  ),
-
-  "visibility" : (
-    responsive: false,
-    property: "visibility",
-    values: (
-      visible: visible,
-      invisible: invisible,
-      collapse: collapse,
-    )
-  ),
-
-  "grid-rows" : (
-    responsive: false,
-    property: "grid-template-rows",
-    values : (
-      grid-rows-1 : repeat(1, minmax(0, 1fr)),
-      grid-rows-2 : repeat(2, minmax(0, 1fr)),
-      grid-rows-3 : repeat(3, minmax(0, 1fr)),
-      grid-rows-4 : repeat(4, minmax(0, 1fr)),
-      grid-rows-5 : repeat(5, minmax(0, 1fr)),
-      grid-rows-6 : repeat(6, minmax(0, 1fr)),
-      grid-rows-none : none
-    )
-  ),
-
-  "grid-auto-flow" : (
-    responsive: false,
-    property: "grid-auto-flow",
-    values: (
-      grid-flow-row : row,
-      grid-flow-col : column,
-      grid-flow-dense : dense,
-      grid-flow-row-dense : row dense,
-      grid-flow-col-dense : column dense 
-    )
-  ),
-
-  "grid-auto-columns" : (
-    responsive: false,
-    property: "grid-auto-columns",
-    values: (
-      auto-cols-auto : auto,
-      auto-cols-min : min-content,
-      auto-cols-max : max-content,
-      auto-cols-fr : minmax(0, 1fr)
-    )
-  ),
-
-  "grid-auto-rows" : (
-    responsive: false,
-    property: "grid-auto-rows",
-    values : (
-      auto-rows-auto : auto,
-      auto-rows-min : min-content,
-      auto-rows-max: max-content,
-      auto-rows-fr: minmax(0, 1fr)
-    )
-  ),
-
-  "column-gap" : (
-    responsive: false,
-    property: "column-gap",
-    values: (
-      gap-x-1 : .25rem,
-      gap-x-2 : .5rem,
-      gap-x-3 : .75rem
-    )
-  )
-
-), $utilities)

package/scss/animations/_placeholder.scss

@@ -1,12 +0,0 @@
-@keyframes placeholder-glow {
-  50% {
-    opacity: 0.5;
-  }
-}
-
-@keyframes placeholder-wave {
-  100% {
-    mask-position: -200% 0;
-    -webkit-mask-position: -200% 0;
-  }
-}

package/scss/helpers/_clearfix.scss

@@ -1,5 +0,0 @@
-@use '../mixins' as mixins;
-
-.clearfix {
-  @include mixins.clearfix();
-}

package/scss/helpers/_screen_reader.scss

@@ -1,11 +0,0 @@
-.sr {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}

package/scss/helpers/_text_truncate.scss

@@ -1,5 +0,0 @@
-.text-truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}

package/scss/mixins/_border-radius.scss

@@ -1,3 +0,0 @@
-@mixin border-radius($radius) {
-  border-radius: $radius;
-}

package/scss/mixins/_box-shadow.scss

@@ -1,16 +0,0 @@
-@mixin box-shadow($shadow...) {
-  $result: ();
-
-  @each $value in $shadow {
-    @if $value != null {
-      $result: append($result, $value, "comma");
-    }
-    @if $value == none and length($shadow) > 1 {
-      @warn "The keyword 'none' must be used as a single argument.";
-    }
-  }
-
-  @if (length($result) > 0) {
-    box-shadow: $result;
-  }
-}

package/scss/mixins/_clearfix.scss

@@ -1,9 +0,0 @@
-// scss-docs-start clearfix
-@mixin clearfix() {
-  &::after {
-    display: block;
-    clear: both;
-    content: "";
-  }
-}
-// scss-docs-end clearfix

package/scss/mixins/_forms.scss

@@ -1,152 +0,0 @@
-// This mixin uses an `if()` technique to be compatible with Dart Sass
-// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details
-
-// scss-docs-start form-validation-mixins
-@mixin form-validation-state-selector($state) {
-  @if ($state == "valid" or $state == "invalid") {
-    .was-validated #{if(&, "&", "")}:#{$state},
-    #{if(&, "&", "")}.is-#{$state} {
-      @content;
-    }
-  } @else {
-    #{if(&, "&", "")}.is-#{$state} {
-      @content;
-    }
-  }
-}
-
-@mixin form-validation-state(
-  $state,
-  $color,
-  $icon,
-  $tooltip-color: color-contrast($color),
-  $tooltip-bg-color: rgba($color, $form-feedback-tooltip-opacity),
-  $focus-box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($color, $input-btn-focus-color-opacity)
-) {
-  .#{$state}-feedback {
-    display: none;
-    width: 100%;
-    margin-top: $form-feedback-margin-top;
-    font-size : $form-feedback-font-size;
-    font-style: $form-feedback-font-style;
-    color: $color;
-  }
-
-  .#{$state}-tooltip {
-    position: absolute;
-    top: 100%;
-    z-index: 5;
-    display: none;
-    max-width: 100%; // Contain to parent when possible
-    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;
-    margin-top: .1rem;
-    font-size : $form-feedback-tooltip-font-size;
-    line-height: $form-feedback-tooltip-line-height;
-    color: $tooltip-color;
-    background-color: $tooltip-bg-color;
-    @include border-radius($form-feedback-tooltip-border-radius);
-  }
-
-  @include form-validation-state-selector($state) {
-    ~ .#{$state}-feedback,
-    ~ .#{$state}-tooltip {
-      display: block;
-    }
-  }
-
-  .form-control {
-    @include form-validation-state-selector($state) {
-      border-color: $color;
-
-      @if $enable-validation-icons {
-        padding-right: $input-height-inner;
-        background-image: escape-svg($icon);
-        background-repeat: no-repeat;
-        background-position: right $input-height-inner-quarter center;
-        background-size: $input-height-inner-half $input-height-inner-half;
-      }
-
-      &:focus {
-        border-color: $color;
-        box-shadow: $focus-box-shadow;
-      }
-    }
-  }
-
-  // stylelint-disable-next-line selector-no-qualifying-type
-  textarea.form-control {
-    @include form-validation-state-selector($state) {
-      @if $enable-validation-icons {
-        padding-right: $input-height-inner;
-        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;
-      }
-    }
-  }
-
-  .form-select {
-    @include form-validation-state-selector($state) {
-      border-color: $color;
-
-      @if $enable-validation-icons {
-        &:not([multiple]):not([size]),
-        &:not([multiple])[size="1"] {
-          padding-right: $form-select-feedback-icon-padding-end;
-          background-image: escape-svg($form-select-indicator), escape-svg($icon);
-          background-position: $form-select-bg-position, $form-select-feedback-icon-position;
-          background-size: $form-select-bg-size, $form-select-feedback-icon-size;
-        }
-      }
-
-      &:focus {
-        border-color: $color;
-        box-shadow: $focus-box-shadow;
-      }
-    }
-  }
-
-  .form-control-color {
-    @include form-validation-state-selector($state) {
-      @if $enable-validation-icons {
-        width: add($form-color-width, $input-height-inner);
-      }
-    }
-  }
-
-  .form-check-input {
-    @include form-validation-state-selector($state) {
-      border-color: $color;
-
-      &:checked {
-        background-color: $color;
-      }
-
-      &:focus {
-        box-shadow: $focus-box-shadow;
-      }
-
-      ~ .form-check-label {
-        color: $color;
-      }
-    }
-  }
-  .form-check-inline .form-check-input {
-    ~ .#{$state}-feedback {
-      margin-left: .5em;
-    }
-  }
-
-  .input-group .form-control,
-  .input-group .form-select {
-    @include form-validation-state-selector($state) {
-      @if $state == "valid" {
-        z-index: 1;
-      } @else if $state == "invalid" {
-        z-index: 2;
-      }
-      &:focus {
-        z-index: 3;
-      }
-    }
-  }
-}
-// scss-docs-end form-validation-mixins

package/scss/mixins/_gradients.scss

@@ -1,6 +0,0 @@
-// Gradients
-// scss-docs-start gradient-bg-mixin
-@mixin gradient-bg($color: null) {
-  background-color: $color;
-}
-// scss-docs-end gradient-bg-mixin

package/scss/mixins/_grid.scss

@@ -1,93 +0,0 @@
-
-@use 'sass:map';
-@use "sass:meta";
-
-@use '../config';
-@use './breakpoints' as mixins;
-@use '../functions' as functions;
-
-// Row columns
-@function divide($dividend, $divisor, $precision: 10) {
-
-  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);
-  $dividend: abs($dividend);
-  $divisor: abs($divisor);
-
-  @if $dividend == 0 {
-    @return 0;
-  }
-
-  @if $divisor == 0 {
-    @error "Cannot divide by 0";
-  }
-
-  $remainder: $dividend;
-  $result: 0;
-  $factor: 10;
-
-  @while ($remainder > 0 and $precision >= 0) {
-    $quotient: 0;
-
-    @while ($remainder >= $divisor) {
-      $remainder: $remainder - $divisor;
-      $quotient: $quotient + 1;
-    }
-
-    $result: $result * 10 + $quotient;
-    $factor: $factor * .1;
-    $remainder: $remainder * 10;
-    $precision: $precision - 1;
-
-    @if ($precision < 0 and $remainder >= $divisor * 5) {
-      $result: $result + 1;
-    }
-
-  }
-  $result: $result * $factor * $sign;
-
-  @return $result;
-}
-
-@mixin generate_columns($size: false, $columns) {
-
-  @if $size {
-    flex: 0 0 auto;
-    width: percentage(divide($size, $columns));
-
-  } @else {
-    flex: 1 1 0;
-    max-width: 100%;
-  }
-
-}
-
-// Framework grid generation
-@mixin generate_grid_columns($columns, $breakpoints) {
-
-  @each $breakpoint in map-keys($breakpoints) {
-    $infix: mixins.breakpoint-infix($breakpoint, $breakpoints);
-
-    @include mixins.media-breakpoint-up($breakpoint, $breakpoints) {
-
-      .col#{$infix} {
-        flex: 1 0 0;
-      }
-
-      .col#{$infix}-auto {
-        flex: 0 0 auto;
-        width: auto;
-      }
-
-      @if $columns > 0 {
-        @for $i from 1 through $columns {
-          .col#{$infix}-#{$i} {
-            @include generate_columns($i, $columns);
-          }
-        }
-
-      }
-
-    }
-  }
-
-}

package/scss/mixins/_transition.scss

@@ -1,30 +0,0 @@
-@mixin transition($transition...) {
-  @if length($transition) == 0 {
-    $transition: config.$transition-base;
-  }
-
-  @if length($transition) > 1 {
-    @each $value in $transition {
-      @if $value == null or $value == none {
-        @warn "The keyword 'none' or 'null' must be used as a single argument.";
-      }
-    }
-  }
-
-  @if config.$enable-transitions {
-    @if nth($transition, 1) != null {
-      transition: $transition;
-    }
-
-    @if config.$enable-reduced-motion and
-      nth($transition, 1) !=
-      null and
-      nth($transition, 1) !=
-      none
-    {
-      @media (prefers-reduced-motion: reduce) {
-        transition: none;
-      }
-    }
-  }
-}