luda 0.1.5 → 0.1.6

data/assets/stylesheets/luda/_core/elements/_container.sass

@@ -1,8 +1,8 @@
-+install(shared-element-container)
-
-  .container
-    max-width: $container-max-width-px
-    min-width: 0
-    padding: $container-padding-rem
-    margin-right: auto
++install(shared-element-container)
+
+  .container
+    max-width: $container-max-width-px
+    min-width: 0
+    padding: $container-padding-rem
+    margin-right: auto
     margin-left: auto

data/assets/stylesheets/luda/_core/elements/_grid.sass

@@ -1,55 +1,55 @@
-+install(shared-element-grid)
-
-  .grid,
-  .grid-edge
-    display: flex
-    flex-wrap: wrap
-    align-items: flex-start
-    width: 100%
-
-  [class*=col-]
-    flex-grow: 0
-    flex-shrink: 0
-
-  .col-auto
-    flex-basis: 0
-    flex-grow: 1
-    flex-shrink: 1
-    max-width: 100%
-    min-width: 1px
-
-  .grid > [class*=col-]
-    padding-right: $grid-gutter-width-rem / 2
-    padding-left: $grid-gutter-width-rem / 2
-
-  .grid [class*=col-] .grid
-    width: auto
-    margin-right: - $grid-gutter-width-rem / 2
-    margin-left: - $grid-gutter-width-rem / 2
-
-  .grid .grid-edge > [class*=col-] > .grid
-    margin-right: 0
-    margin-left: 0
-
-  .grid-edge.container
-    padding: 0
-
-
-
-  @each $breakpoint in map-keys($breakpoint-width-pxs)
-    $class-fix: _responsive-class-fix($breakpoint)
-
-    +media-width($breakpoint)
-
-      @for $count from 1 through $grid-columns
-        $column-width: $count / $grid-columns * 100%
-
-        .col-#{$count}#{$class-fix}
-          flex-basis: $column-width
-          max-width: $column-width
-
-      @for $count from 1 to $grid-columns
-        $margin-left: $count / $grid-columns * 100%
-
-        .offset-#{$count}#{$class-fix}
++install(shared-element-grid)
+
+  .grid,
+  .grid-edge
+    display: flex
+    flex-wrap: wrap
+    align-items: flex-start
+    width: 100%
+
+  [class*=col-]
+    flex-grow: 0
+    flex-shrink: 0
+
+  .col-auto
+    flex-basis: 0
+    flex-grow: 1
+    flex-shrink: 1
+    max-width: 100%
+    min-width: 1px
+
+  .grid > [class*=col-]
+    padding-right: $grid-gutter-width-rem / 2
+    padding-left: $grid-gutter-width-rem / 2
+
+  .grid [class*=col-] .grid
+    width: auto
+    margin-right: - $grid-gutter-width-rem / 2
+    margin-left: - $grid-gutter-width-rem / 2
+
+  .grid .grid-edge > [class*=col-] > .grid
+    margin-right: 0
+    margin-left: 0
+
+  .grid-edge.container
+    padding: 0
+
+
+
+  @each $breakpoint in map-keys($breakpoint-width-pxs)
+    $class-fix: _responsive-class-fix($breakpoint)
+
+    +media-width($breakpoint)
+
+      @for $count from 1 through $grid-columns
+        $column-width: $count / $grid-columns * 100%
+
+        .col-#{$count}#{$class-fix}
+          flex-basis: $column-width
+          max-width: $column-width
+
+      @for $count from 1 to $grid-columns
+        $margin-left: $count / $grid-columns * 100%
+
+        .offset-#{$count}#{$class-fix}
           margin-left: $margin-left

data/assets/stylesheets/luda/_core/elements/_icon.sass

@@ -1,110 +1,110 @@
-+install(shared-element-icon)
-
-  .ico
-    display: inline-block
-    vertical-align: text-top
-    position: relative
-    width: 1em
-    height: 1em
-    font-size: $icon-size-em
-    line-height: normal
-    overflow: hidden
-    -webkit-user-select: none
-    -moz-user-select: none
-    -ms-user-select: none
-    user-select: none
-    object-fit: contain
-    object-position: center
-    font-style: normal
-    background-position: center
-    background-size: contain
-
-  +browser-firefox
-    .ico
-      line-height: $icon-firefox-line-height
-
-  .ico::before,
-  .ico::after
-    display: block
-    position: absolute
-    top: 50%
-    left: 50%
-    transform: translate(-50%, -50%)
-
-
-
-  .ico-left::before,
-  .ico-right::before,
-  .ico-up::before,
-  .ico-down::before
-    width: 0.6em
-    height: 0.6em
-    border: $icon-stroke-width solid
-    border-right: none
-    border-bottom: none
-    content: ''
-
-  .ico-left::before
-    transform: translate(-25%, -50%) rotate(-45deg)
-
-  .ico-right::before
-    transform: translate(-75%, -50%) rotate(135deg)
-
-  .ico-up::before
-    transform: translate(-50%, -25%) rotate(45deg)
-
-  .ico-down::before
-    transform: translate(-50%, -75%) rotate(225deg)
-
-
-
-  .ico-plus::before,
-  .ico-plus::after,
-  .ico-cross::before,
-  .ico-cross::after
-    content: ''
-    background: currentColor
-
-  .ico-plus::before,
-  .ico-cross::before
-    width: 0.9em
-    height: $icon-stroke-width
-
-  .ico-plus::after,
-  .ico-cross::after
-    width: $icon-stroke-width
-    height: 0.9em
-
-  .ico-cross::before,
-  .ico-cross::after
-    transform: translate(-50%, -50%) rotate(45deg)
-
-
-
-  .ico-menu::before
-    width: 0.9em
-    height: $icon-stroke-width
-    content: ''
-    background: currentColor
-    box-shadow: 0 -0.35em, 0 0.35em
-
-
-
-  .ico-search::before
-    top: 5%
-    left: 5%
-    width: 0.75em
-    height: 0.75em
-    border: $icon-stroke-width solid
-    content: ''
-    border-radius: 50%
-    transform: translate(0, 0) rotate(45deg)
-
-  .ico-search::after
-    top: 80%
-    left: 80%
-    width: 0.4em
-    height: $icon-stroke-width
-    content: ''
-    background: currentColor
++install(shared-element-icon)
+
+  .ico
+    display: inline-block
+    vertical-align: text-top
+    position: relative
+    width: 1em
+    height: 1em
+    font-size: $icon-size-em
+    line-height: normal
+    overflow: hidden
+    -webkit-user-select: none
+    -moz-user-select: none
+    -ms-user-select: none
+    user-select: none
+    object-fit: contain
+    object-position: center
+    font-style: normal
+    background-position: center
+    background-size: contain
+
+  +browser-firefox
+    .ico
+      line-height: $icon-firefox-line-height
+
+  .ico::before,
+  .ico::after
+    display: block
+    position: absolute
+    top: 50%
+    left: 50%
+    transform: translate(-50%, -50%)
+
+
+
+  .ico-left::before,
+  .ico-right::before,
+  .ico-up::before,
+  .ico-down::before
+    width: 0.6em
+    height: 0.6em
+    border: $icon-stroke-width solid
+    border-right: none
+    border-bottom: none
+    content: ''
+
+  .ico-left::before
+    transform: translate(-25%, -50%) rotate(-45deg)
+
+  .ico-right::before
+    transform: translate(-75%, -50%) rotate(135deg)
+
+  .ico-up::before
+    transform: translate(-50%, -25%) rotate(45deg)
+
+  .ico-down::before
+    transform: translate(-50%, -75%) rotate(225deg)
+
+
+
+  .ico-plus::before,
+  .ico-plus::after,
+  .ico-cross::before,
+  .ico-cross::after
+    content: ''
+    background: currentColor
+
+  .ico-plus::before,
+  .ico-cross::before
+    width: 0.9em
+    height: $icon-stroke-width
+
+  .ico-plus::after,
+  .ico-cross::after
+    width: $icon-stroke-width
+    height: 0.9em
+
+  .ico-cross::before,
+  .ico-cross::after
+    transform: translate(-50%, -50%) rotate(45deg)
+
+
+
+  .ico-menu::before
+    width: 0.9em
+    height: $icon-stroke-width
+    content: ''
+    background: currentColor
+    box-shadow: 0 -0.35em, 0 0.35em
+
+
+
+  .ico-search::before
+    top: 5%
+    left: 5%
+    width: 0.75em
+    height: 0.75em
+    border: $icon-stroke-width solid
+    content: ''
+    border-radius: 50%
+    transform: translate(0, 0) rotate(45deg)
+
+  .ico-search::after
+    top: 80%
+    left: 80%
+    width: 0.4em
+    height: $icon-stroke-width
+    content: ''
+    background: currentColor
     transform: translate(-50%, -50%) rotate(45deg)

data/assets/stylesheets/luda/_core/elements/_overlay.sass

@@ -1,11 +1,11 @@
-+install(shared-element-overlay)
-
-  html:has(.overlay.toggle-active),
-  body:has(.overlay.toggle-active)
-    overflow: hidden
-
-  .overlay
-    +overlay
-
-  .overlay-body
++install(shared-element-overlay)
+
+  html:has(.overlay.toggle-active),
+  body:has(.overlay.toggle-active)
+    overflow: hidden
+
+  .overlay
+    +overlay
+
+  .overlay-body
     +overlay-body

data/assets/stylesheets/luda/_core/elements/_progress.sass

@@ -1,31 +1,31 @@
-+install(shared-element-progress)
-
-  .progress
-    display: flex
-    height: $progress-height-rem
-    background: $progress-background
-    border-radius: $progress-border-radius
-
-  .progress-bar
-    display: flex
-    align-items: center
-    justify-content: flex-end
-    min-width: $progress-bar-min-width-em
-    height: 100%
-    padding: $progress-bar-padding
-    font-size: typo-size($progress-bar-typography-size-level)
-    white-space: nowrap
-    overflow: hidden
-    color: $progress-bar-color
-    background: $progress-bar-background
-    border-radius: $progress-border-radius
-
-  @if $progress-border-radius and $progress-border-radius != 0
-
-    .progress-bar:not(:first-child)
-      border-top-left-radius: 0
-      border-bottom-left-radius: 0
-
-    .progress-bar:not(:last-child)
-      border-top-right-radius: 0
++install(shared-element-progress)
+
+  .progress
+    display: flex
+    height: $progress-height-rem
+    background: $progress-background
+    border-radius: $progress-border-radius
+
+  .progress-bar
+    display: flex
+    align-items: center
+    justify-content: flex-end
+    min-width: $progress-bar-min-width-em
+    height: 100%
+    padding: $progress-bar-padding
+    font-size: typo-size($progress-bar-typography-size-level)
+    white-space: nowrap
+    overflow: hidden
+    color: $progress-bar-color
+    background: $progress-bar-background
+    border-radius: $progress-border-radius
+
+  @if $progress-border-radius and $progress-border-radius != 0
+
+    .progress-bar:not(:first-child)
+      border-top-left-radius: 0
+      border-bottom-left-radius: 0
+
+    .progress-bar:not(:last-child)
+      border-top-right-radius: 0
       border-bottom-right-radius: 0

data/assets/stylesheets/luda/_core/elements/_scrollbar.sass

@@ -1,21 +1,21 @@
-+install(shared-element-scrollbar)
-
-  +media-width($scrollbar-width-breakpoint)
-
-    html
-      -ms-overflow-style: $scrollbar-ie-edge-overflow-style
-
-  +browser-chrome-and-opera
-
-    +media-width($scrollbar-width-breakpoint)
-
-      html
-        overflow: overlay
-
-      ::-webkit-scrollbar
-        width: $scrollbar-breakpoint-vertical-width-rem
-        height: $scrollbar-breakpoint-horizontal-height-rem
-
-      ::-webkit-scrollbar-thumb
-        background: $scrollbar-thumb-background
++install(shared-element-scrollbar)
+
+  +media-width($scrollbar-width-breakpoint)
+
+    html
+      -ms-overflow-style: $scrollbar-ie-edge-overflow-style
+
+  +browser-chrome-and-opera
+
+    +media-width($scrollbar-width-breakpoint)
+
+      html
+        overflow: overlay
+
+      ::-webkit-scrollbar
+        width: $scrollbar-breakpoint-vertical-width-rem
+        height: $scrollbar-breakpoint-horizontal-height-rem
+
+      ::-webkit-scrollbar-thumb
+        background: $scrollbar-thumb-background
         border-radius: $scrollbar-thumb-border-radius