R E D

NAME	SIZE	PERMISSION
forms	[ DIR ]	drwxr-xr-x
mixins	[ DIR ]	drwxr-xr-x
_accordion.scss	775 B	-rwxr-xr-x
_alert.scss	599 B	-rwxr-xr-x
_badge.scss	782 B	-rwxr-xr-x
_breadcrumb.scss	444 B	-rwxr-xr-x
_button-group.scss	822 B	-rwxr-xr-x
_buttons.scss	9.75 KB	-rwxr-xr-x
_card.scss	894 B	-rwxr-xr-x
_carousel.scss	475 B	-rwxr-xr-x
_close.scss	330 B	-rwxr-xr-x
_colors.scss	145 B	-rwxr-xr-x
_deprecated.scss	620 B	-rwxr-xr-x
_dropdown.scss	2.53 KB	-rwxr-xr-x
_flag.scss	23.05 KB	-rwxr-xr-x
_functions.scss	387 B	-rwxr-xr-x
_images.scss	1.11 KB	-rwxr-xr-x
_list-group.scss	1.24 KB	-rwxr-xr-x
_mixins.scss	198 B	-rwxr-xr-x
_modal.scss	74 B	-rwxr-xr-x
_nav.scss	1.53 KB	-rwxr-xr-x
_navbar.scss	587 B	-rwxr-xr-x
_pagination.scss	2.11 KB	-rwxr-xr-x
_popover.scss	262 B	-rwxr-xr-x
_progress.scss	47 B	-rwxr-xr-x
_range.scss	852 B	-rwxr-xr-x
_reboot.scss	183 B	-rwxr-xr-x
_ripple.scss	823 B	-rwxr-xr-x
_root.scss	87 B	-rwxr-xr-x
_scrollspy.scss	1.02 KB	-rwxr-xr-x
_shadows.scss	11 B	-rwxr-xr-x
_tables.scss	928 B	-rwxr-xr-x
_toasts.scss	689 B	-rwxr-xr-x
_tooltip.scss	351 B	-rwxr-xr-x
_type.scss	472 B	-rwxr-xr-x
_utilities.scss	4.42 KB	-rwxr-xr-x
_variables.scss	45.37 KB	-rwxr-xr-x

Code Editor : _utilities.scss

$utilities: map-merge(
  $utilities,
  (
    'margin-bottom':
      map-merge(
        map-get($utilities, 'margin-bottom'),
        (
          values:
            map-merge(
              map-get(map-get($utilities, 'margin-bottom'), 'values'),
              (
                6: 3.5rem,
                7: 4rem,
                8: 5rem,
                9: 6rem,
                10: 8rem,
                11: 10rem,
                12: 12rem,
                13: 14rem,
                14: 16rem,
              )
            ),
        )
      ),
  )
);

$utilities: map-merge(
  $utilities,
  (
    'rounded':
      map-merge(
        map-get($utilities, 'rounded'),
        (
          values:
            map-merge(
              map-get(map-get($utilities, 'rounded'), 'values'),
              (
                4: 0.375rem,
                5: 0.5rem,
                6: 0.75rem,
                7: 1rem,
                8: 1.25rem,
                9: 1.5rem,
              )
            ),
        )
      ),
  )
);

$utilities: map-merge(
  $utilities,
  (
    'opacity': (
      property: opacity,
      values: (
        0: 0,
        5: 0.05,
        10: 0.1,
        15: 0.15,
        20: 0.2,
        25: 0.25,
        30: 0.3,
        35: 0.35,
        40: 0.4,
        45: 0.45,
        50: 0.5,
        55: 0.55,
        60: 0.6,
        65: 0.65,
        70: 0.7,
        75: 0.75,
        80: 0.8,
        85: 0.85,
        90: 0.9,
        95: 0.95,
        100: 1,
      ),
    ),
  )
);

/* Numeric */
.diagonal-fractions {
  font-variant-numeric: diagonal-fractions;
}

/* Background colors */
.bg-super-light {
  background-color: #fbfbfb;
}

/* Background attachment */
.bg-fixed {
  background-attachment: fixed;
}
.bg-local {
  background-attachment: local;
}
.bg-scroll {
  background-attachment: scroll;
}

/* Overflow */
.overflow-y-scroll {
  overflow-y: scroll;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

/* Tables */
.table-fixed {
  table-layout: fixed;
}
.table-auto {
  table-layout: auto;
}

$utilities: map-merge(
  $utilities,
  (
    'shadow':
      map-merge(
        map-get($utilities, 'shadow'),
        (
          values:
            map-merge(
              map-get(map-get($utilities, 'shadow'), 'values'),
              (
                0: $box-shadow-0,
                1: $box-shadow-1,
                2: $box-shadow-2,
                3: $box-shadow-3,
                4: $box-shadow-4,
                5: $box-shadow-5,
                6: $box-shadow-6,
                1-soft: $box-shadow-1-soft,
                2-soft: $box-shadow-2-soft,
                3-soft: $box-shadow-3-soft,
                4-soft: $box-shadow-4-soft,
                5-soft: $box-shadow-5-soft,
                6-soft: $box-shadow-6-soft,
                1-strong: $box-shadow-1-strong,
                2-strong: $box-shadow-2-strong,
                3-strong: $box-shadow-3-strong,
                4-strong: $box-shadow-4-strong,
                5-strong: $box-shadow-5-strong,
                6-strong: $box-shadow-6-strong,
                inner: $box-shadow-inner,
              )
            ),
        )
      ),
  )
);

$utilities: map-merge(
  $utilities,
  (
    'letter-spacing': (
      property: letter-spacing,
      class: ls,
      values: (
        tighter: -0.05em,
        tight: -0.025em,
        normal: 0em,
        wide: 0.025em,
        wider: 0.05em,
        widest: 0.1em,
      ),
    ),
  )
);

hr:not([size]) {
  &.hr {
    height: 2px;
    background-color: #f5f5f5;
    opacity: 1;

&.hr-blurry {
      background-image: linear-gradient(90deg, transparent, hsl(0, 0%, 40%), transparent);
      background-color: transparent;
      height: 1px;
      opacity: $hr-opacity;
    }
  }
  &.vr {
    height: auto;
  }
}

.vr {
  width: 2px;
  background-color: #f5f5f5;
  opacity: 1;
}

.vr-blurry {
  background-image: linear-gradient(180deg, transparent, hsl(0, 0%, 40%), transparent);
  background-color: transparent;
  width: 1px;
  opacity: $hr-opacity;
}

$utilities: map-merge(
  $utilities,
  (
    'object-fit': (
      property: object-fit,
      class: object,
      values: (
        cover: cover,
      ),
    ),
  )
);

$utilities: map-merge(
  $utilities,
  (
    'object-position': (
      property: object-position,
      class: object,
      values: (
        top: top,
        center: center,
        bottom: bottom,
      ),
    ),
  )
);

@each $name, $color in $theme-colors {
  .link-#{$name} {
    transition: color 0.15s;
  }
}

${this.title}

Code Editor : _utilities.scss