luda 0.1.5 → 0.1.6

data/assets/stylesheets/luda/_core/mixins/_dropdown.sass

@@ -1,40 +1,40 @@
-=_dropdown-absolute($breakpoint: null)
-
-  $class-fix: if($breakpoint, "-#{$breakpoint}", null)
-
-  .dropdown-absolute#{$class-fix}.dropdown-active > .dropdown-menu
-    display: block
-    position: relative
-    z-index: $z-index-much-higher
-    margin: 0
-    overflow: visible
-
-  .dropdown-absolute#{$class-fix} > .dropdown-menu > .dropdown-items
-    position: absolute
-    max-height: $dropdown-absolute-max-height-rem
-    margin: $dropdown-absolute-drop-gap-rem 0 0
-    overflow: auto
-    -webkit-overflow-scrolling: touch
-    background: $dropdown-absolute-fixed-background
-    border-radius: $dropdown-absolute-border-radius
-    box-shadow: $dropdown-absolute-box-shadow
-
-  .dropdown-absolute#{$class-fix}.dropdown-top > .dropdown-menu,
-  .dropdown-absolute#{$class-fix}.dropdown-left > .dropdown-menu,
-  .dropdown-absolute#{$class-fix}.dropdown-right > .dropdown-menu
-    order: -1
-
-  .dropdown-absolute#{$class-fix}.dropdown-top > .dropdown-menu > .dropdown-items
-    bottom: 0
-    margin: 0 0 $dropdown-absolute-drop-gap-rem
-
-  .dropdown-absolute#{$class-fix}.dropdown-align-right > .dropdown-menu > .dropdown-items
-    right: 0
-
-  .dropdown-absolute#{$class-fix}.dropdown-right > .dropdown-menu > .dropdown-items
-    left: 100%
-    margin: 0 0 0 $dropdown-absolute-drop-gap-rem
-
-  .dropdown-absolute#{$class-fix}.dropdown-left > .dropdown-menu > .dropdown-items
-    right: 100%
+=_dropdown-absolute($breakpoint: null)
+
+  $class-fix: if($breakpoint, "-#{$breakpoint}", null)
+
+  .dropdown-absolute#{$class-fix}.dropdown-active > .dropdown-menu
+    display: block
+    position: relative
+    z-index: $z-index-much-higher
+    margin: 0
+    overflow: visible
+
+  .dropdown-absolute#{$class-fix} > .dropdown-menu > .dropdown-items
+    position: absolute
+    max-height: $dropdown-absolute-max-height-rem
+    margin: $dropdown-absolute-drop-gap-rem 0 0
+    overflow: auto
+    -webkit-overflow-scrolling: touch
+    background: $dropdown-absolute-fixed-background
+    border-radius: $dropdown-absolute-border-radius
+    box-shadow: $dropdown-absolute-box-shadow
+
+  .dropdown-absolute#{$class-fix}.dropdown-top > .dropdown-menu,
+  .dropdown-absolute#{$class-fix}.dropdown-left > .dropdown-menu,
+  .dropdown-absolute#{$class-fix}.dropdown-right > .dropdown-menu
+    order: -1
+
+  .dropdown-absolute#{$class-fix}.dropdown-top > .dropdown-menu > .dropdown-items
+    bottom: 0
+    margin: 0 0 $dropdown-absolute-drop-gap-rem
+
+  .dropdown-absolute#{$class-fix}.dropdown-align-right > .dropdown-menu > .dropdown-items
+    right: 0
+
+  .dropdown-absolute#{$class-fix}.dropdown-right > .dropdown-menu > .dropdown-items
+    left: 100%
+    margin: 0 0 0 $dropdown-absolute-drop-gap-rem
+
+  .dropdown-absolute#{$class-fix}.dropdown-left > .dropdown-menu > .dropdown-items
+    right: 100%
     margin: 0 $dropdown-absolute-drop-gap-rem 0 0

data/assets/stylesheets/luda/_core/mixins/_focus.sass

@@ -1,3 +1,3 @@
-=_focus
-  outline: $focus-outline-style $focus-outline-width-px $focus-outline-color
+=_focus
+  outline: $focus-outline-style $focus-outline-width-px $focus-outline-color
   outline-offset: $focus-outline-offset-px

data/assets/stylesheets/luda/_core/mixins/_form.sass

@@ -1,27 +1,27 @@
-=form-checkbox-or-radio-background-icon($icon, $icon-color, $background)
-  background: url(svg-icon($icon, $icon-color)) center / contain no-repeat, $background
-
-=form-row-background-icon($icon, $icon-color, $background)
-  background: url(svg-icon($icon, $icon-color)) right $form-element-text-helvertical-padding-em (center / $form-element-icon-size-em) no-repeat, $background
-
-=_form-range-track-skin
-  background: $form-element-track-background
-  border-radius: $form-element-track-border-radius
-
-=_form-range-thumb-styles
-  width: $form-element-thumb-width-em
-  height: $form-element-thumb-height-em
-  border: $form-element-border-style $form-element-border-width $form-element-thumb-border-color
-  background: $form-element-thumb-background
-  border-radius: $form-element-thumb-border-radius
-  box-shadow: $form-element-box-shadow
-
-=_form-range-focus-thumb-skin
-  background: $form-element-focus-thumb-background
-  border-color: $form-element-focus-thumb-border-color
-  box-shadow: $form-element-focus-box-shadow
-
-=_form-range-error-thumb-skin
-  background: $form-element-error-thumb-background
-  border-color: $form-element-error-thumb-border-color
+=form-checkbox-or-radio-background-icon($icon, $icon-color, $background)
+  background: url(svg-icon($icon, $icon-color)) center / contain no-repeat, $background
+
+=form-row-background-icon($icon, $icon-color, $background)
+  background: url(svg-icon($icon, $icon-color)) right $form-element-text-helvertical-padding-em (center / $form-element-icon-size-em) no-repeat, $background
+
+=_form-range-track-skin
+  background: $form-element-track-background
+  border-radius: $form-element-track-border-radius
+
+=_form-range-thumb-styles
+  width: $form-element-thumb-width-em
+  height: $form-element-thumb-height-em
+  border: $form-element-border-style $form-element-border-width $form-element-thumb-border-color
+  background: $form-element-thumb-background
+  border-radius: $form-element-thumb-border-radius
+  box-shadow: $form-element-box-shadow
+
+=_form-range-focus-thumb-skin
+  background: $form-element-focus-thumb-background
+  border-color: $form-element-focus-thumb-border-color
+  box-shadow: $form-element-focus-box-shadow
+
+=_form-range-error-thumb-skin
+  background: $form-element-error-thumb-background
+  border-color: $form-element-error-thumb-border-color
   box-shadow: $form-element-error-box-shadow

data/assets/stylesheets/luda/_core/mixins/_install.sass

@@ -1,7 +1,7 @@
-$installed-modules: () !default
-
-=install($module-name)
-  @if index($installed-modules, $module-name) == null
-    $installed-modules: append($installed-modules, $module-name) !global
-    @at-root
+$installed-modules: () !default
+
+=install($module-name)
+  @if index($installed-modules, $module-name) == null
+    $installed-modules: append($installed-modules, $module-name) !global
+    @at-root
       @content

data/assets/stylesheets/luda/_core/mixins/_media-query.sass

@@ -1,66 +1,66 @@
-=_media-query($breakpoints, $breakpoint, $query-rule, $down-value: 0)
-  $breakpoint-value: map-get($breakpoints, $breakpoint)
-  $query-rule-min: null
-  $breakpoint-max-value: null
-  $query-rule-max: null
-
-  @if $breakpoint-value > 0
-    @if $query-rule == aspect-ratio
-      $query-rule-min: "(min-aspect-ratio:#{$breakpoint-value * 10000}/10000)"
-    @else
-      $query-rule-min: "(min-#{$query-rule}:#{$breakpoint-value})"
-
-  @if $down-value > 0
-    $breakpoints-keys: map-keys($breakpoints)
-    $breakpoints-values: map-values($breakpoints)
-    $breakpoint-index: index($breakpoints-keys, $breakpoint)
-    $breakpoint-max-value: null
-    @if $breakpoint-index < length($breakpoints-keys)
-      $breakpoint-max-value: nth($breakpoints-values, $breakpoint-index + 1) - $down-value
-    @else
-      $breakpoint-max-value: null
-    @if $breakpoint-max-value and $breakpoint-max-value > 0
-      @if $query-rule == aspect-ratio
-        $query-rule-max: "(max-aspect-ratio:#{$breakpoint-max-value * 10000}/10000)"
-      @else
-        $query-rule-max: "(max-#{$query-rule}:#{$breakpoint-max-value})"
-
-  @if $query-rule-min or $query-rule-max
-    @if $query-rule-min
-      @media #{$query-rule-min}
-        @if $query-rule-max
-          @media #{$query-rule-max}
-            @content
-        @else
-          // sass-lint:disable indentation
-          @content
-          // sass-lint:enable indentation
-    @else
-      @if $query-rule-max
-        @media #{$query-rule-max}
-          @content
-      @else
-        @content
-  @else
-    @content
-
-
-
-=media-width($breakpoint, $only-breakpoint: false)
-  $down-value: if($only-breakpoint, 1, 0)
-  +_media-query($breakpoint-width-pxs, $breakpoint, width, $down-value)
-    @content
-
-=media-resolution($breakpoint, $only-breakpoint: false)
-  $down-value: if($only-breakpoint, 9.6, 0)
-  +_media-query($breakpoint-resolutions, $breakpoint, resolution, $down-value)
-    @content
-
-=media-aspect-ratio($breakpoint, $only-breakpoint: false)
-  $down-value: if($only-breakpoint, 0.0001, 0)
-  +_media-query($breakpoint-aspect-ratios, $breakpoint, aspect-ratio, $down-value)
-    @content
-
-=media-print
-  @media print
+=_media-query($breakpoints, $breakpoint, $query-rule, $down-value: 0)
+  $breakpoint-value: map-get($breakpoints, $breakpoint)
+  $query-rule-min: null
+  $breakpoint-max-value: null
+  $query-rule-max: null
+
+  @if $breakpoint-value > 0
+    @if $query-rule == aspect-ratio
+      $query-rule-min: "(min-aspect-ratio:#{$breakpoint-value * 10000}/10000)"
+    @else
+      $query-rule-min: "(min-#{$query-rule}:#{$breakpoint-value})"
+
+  @if $down-value > 0
+    $breakpoints-keys: map-keys($breakpoints)
+    $breakpoints-values: map-values($breakpoints)
+    $breakpoint-index: index($breakpoints-keys, $breakpoint)
+    $breakpoint-max-value: null
+    @if $breakpoint-index < length($breakpoints-keys)
+      $breakpoint-max-value: nth($breakpoints-values, $breakpoint-index + 1) - $down-value
+    @else
+      $breakpoint-max-value: null
+    @if $breakpoint-max-value and $breakpoint-max-value > 0
+      @if $query-rule == aspect-ratio
+        $query-rule-max: "(max-aspect-ratio:#{$breakpoint-max-value * 10000}/10000)"
+      @else
+        $query-rule-max: "(max-#{$query-rule}:#{$breakpoint-max-value})"
+
+  @if $query-rule-min or $query-rule-max
+    @if $query-rule-min
+      @media #{$query-rule-min}
+        @if $query-rule-max
+          @media #{$query-rule-max}
+            @content
+        @else
+          // sass-lint:disable indentation
+          @content
+          // sass-lint:enable indentation
+    @else
+      @if $query-rule-max
+        @media #{$query-rule-max}
+          @content
+      @else
+        @content
+  @else
+    @content
+
+
+
+=media-width($breakpoint, $only-breakpoint: false)
+  $down-value: if($only-breakpoint, 1, 0)
+  +_media-query($breakpoint-width-pxs, $breakpoint, width, $down-value)
+    @content
+
+=media-resolution($breakpoint, $only-breakpoint: false)
+  $down-value: if($only-breakpoint, 9.6, 0)
+  +_media-query($breakpoint-resolutions, $breakpoint, resolution, $down-value)
+    @content
+
+=media-aspect-ratio($breakpoint, $only-breakpoint: false)
+  $down-value: if($only-breakpoint, 0.0001, 0)
+  +_media-query($breakpoint-aspect-ratios, $breakpoint, aspect-ratio, $down-value)
+    @content
+
+=media-print
+  @media print
     @content

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

@@ -1,14 +1,14 @@
-=overlay
-  display: flex
-  position: fixed
-  top: 0
-  right: 0
-  bottom: 0
-  left: 0
-  z-index: $z-index-highest
-  overflow: auto
-  -webkit-overflow-scrolling: touch
-  background: $overlay-background
-
-=overlay-body
+=overlay
+  display: flex
+  position: fixed
+  top: 0
+  right: 0
+  bottom: 0
+  left: 0
+  z-index: $z-index-highest
+  overflow: auto
+  -webkit-overflow-scrolling: touch
+  background: $overlay-background
+
+=overlay-body
   margin: auto

data/assets/stylesheets/luda/_core/mixins/_sass-lint-fix.sass

@@ -1,3 +1,3 @@
-// sass-lint:disable no-empty-rulesets
-=_sass-lint-fix-if-else
+// sass-lint:disable no-empty-rulesets
+=_sass-lint-fix-if-else
   // ugly hack to fix sass-lint bug https://github.com/sasstools/sass-lint/issues/1138

data/assets/stylesheets/luda/_core/mixins/_typography.sass

@@ -1,40 +1,40 @@
-=typo-level-vertical-padding($type-level, $baseline-offset)
-  padding-top: typo-padding-top($type-level, $baseline-offset)
-  padding-bottom: typo-padding-bottom($type-level, $baseline-offset)
-
-=typo-level($type-level, $baseline-offset)
-  +typo-level-vertical-padding($type-level, $baseline-offset)
-  font-size: typo-size($type-level)
-  line-height: typo-line-height($type-level)
-
-=typo-link($class: null, $color: null, $hover-color: null, $active-color: null)
-  a.link-#{$class}:not(.btn)
-    color: $color
-
-  a.link-#{$class}:not(.btn):hover
-    color: $hover-color
-
-  a.link-#{$class}:not(.btn):active
-    color: $active-color
-
-=font-face($family: null, $style: normal, $weight: 400, $locals: null, $urls: null, $unicodes: null)
-  $src: null
-  @if $locals
-    @each $local in $locals
-      @if $src
-        $src: "#{$src}, local('#{$local}')"
-      @else
-        $src: "local('#{$local}')"
-  @if $urls
-    @each $format, $url in $urls
-      @if $src
-        $src: "#{$src}, url(#{$url}) format('#{$format}')"
-      @else
-        $src: "url(#{$url}) format('#{$format}')"
-  @at-root
-  @font-face
-    src: unquote($src)
-    font-family: $family
-    font-style: $style
-    font-weight: $weight
+=typo-level-vertical-padding($type-level, $baseline-offset)
+  padding-top: typo-padding-top($type-level, $baseline-offset)
+  padding-bottom: typo-padding-bottom($type-level, $baseline-offset)
+
+=typo-level($type-level, $baseline-offset)
+  +typo-level-vertical-padding($type-level, $baseline-offset)
+  font-size: typo-size($type-level)
+  line-height: typo-line-height($type-level)
+
+=typo-link($class: null, $color: null, $hover-color: null, $active-color: null)
+  a.link-#{$class}:not(.btn)
+    color: $color
+
+  a.link-#{$class}:not(.btn):hover
+    color: $hover-color
+
+  a.link-#{$class}:not(.btn):active
+    color: $active-color
+
+=font-face($family: null, $style: normal, $weight: 400, $locals: null, $urls: null, $unicodes: null)
+  $src: null
+  @if $locals
+    @each $local in $locals
+      @if $src
+        $src: "#{$src}, local('#{$local}')"
+      @else
+        $src: "local('#{$local}')"
+  @if $urls
+    @each $format, $url in $urls
+      @if $src
+        $src: "#{$src}, url(#{$url}) format('#{$format}')"
+      @else
+        $src: "url(#{$url}) format('#{$format}')"
+  @at-root
+  @font-face
+    src: unquote($src)
+    font-family: $family
+    font-style: $style
+    font-weight: $weight
     unicode-range: $unicodes

data/assets/stylesheets/luda/_core/utilities/_align.sass

@@ -1,19 +1,19 @@
-+install(shared-utility-align)
-
-  .va-top
-    vertical-align: top !important
-
-  .va-middle
-    vertical-align: middle !important
-
-  .va-baseline
-    vertical-align: baseline !important
-
-  .va-bottom
-    vertical-align: bottom !important
-
-  .va-text-top
-    vertical-align: text-top !important
-
-  .va-text-bottom
++install(shared-utility-align)
+
+  .va-top
+    vertical-align: top !important
+
+  .va-middle
+    vertical-align: middle !important
+
+  .va-baseline
+    vertical-align: baseline !important
+
+  .va-bottom
+    vertical-align: bottom !important
+
+  .va-text-top
+    vertical-align: text-top !important
+
+  .va-text-bottom
     vertical-align: text-bottom !important

data/assets/stylesheets/luda/_core/utilities/_background.sass

@@ -1,88 +1,88 @@
-+install(shared-utility-background)
-
-  .bc-primary
-    background-color: $background-color-primary !important
-
-  .bc-secondary
-    background-color: $background-color-secondary !important
-
-  .bc-danger
-    background-color: $background-color-danger !important
-
-  .bc-dark
-    background-color: $background-color-dark !important
-
-  .bc-light
-    background-color: $background-color-light !important
-
-  .bc-transparent
-    background-color: transparent !important
-
-
-
-  .b-emphasis
-    background: $background-emphasis !important
-
-  .b-main
-    background: $background-main !important
-
-  .b-muted
-    background: $background-muted !important
-
-  .b-inverse-emphasis
-    background: $background-inverse-emphasis !important
-
-  .b-inverse-main
-    background: $background-inverse-main !important
-
-  .b-inverse-muted
-    background: $background-inverse-muted !important
-
-  .b-none
-    background: none !important
-
-
-
-  .bp-c
-    background-position: center !important
-
-  .bp-rc
-    background-position: right center !important
-
-  .bp-lc
-    background-position: left center !important
-
-  .bp-ct
-    background-position: center top !important
-
-  .bp-cb
-    background-position: center bottom !important
-
-  .bp-lt
-    background-position: left top !important
-
-  .bp-lb
-    background-position: left bottom !important
-
-  .bp-rt
-    background-position: right top !important
-
-  .bp-rb
-    background-position: right bottom !important
-
-
-
-  .bs-cover
-    background-size: cover !important
-
-  .bs-contain
-    background-size: contain !important
-
-  .bs-auto
-    background-size: auto !important
-
-  .bs-100-auto
-    background-size: 100% auto !important
-
-  .bs-auto-100
++install(shared-utility-background)
+
+  .bc-primary
+    background-color: $background-color-primary !important
+
+  .bc-secondary
+    background-color: $background-color-secondary !important
+
+  .bc-danger
+    background-color: $background-color-danger !important
+
+  .bc-dark
+    background-color: $background-color-dark !important
+
+  .bc-light
+    background-color: $background-color-light !important
+
+  .bc-transparent
+    background-color: transparent !important
+
+
+
+  .b-emphasis
+    background: $background-emphasis !important
+
+  .b-main
+    background: $background-main !important
+
+  .b-muted
+    background: $background-muted !important
+
+  .b-inverse-emphasis
+    background: $background-inverse-emphasis !important
+
+  .b-inverse-main
+    background: $background-inverse-main !important
+
+  .b-inverse-muted
+    background: $background-inverse-muted !important
+
+  .b-none
+    background: none !important
+
+
+
+  .bp-c
+    background-position: center !important
+
+  .bp-rc
+    background-position: right center !important
+
+  .bp-lc
+    background-position: left center !important
+
+  .bp-ct
+    background-position: center top !important
+
+  .bp-cb
+    background-position: center bottom !important
+
+  .bp-lt
+    background-position: left top !important
+
+  .bp-lb
+    background-position: left bottom !important
+
+  .bp-rt
+    background-position: right top !important
+
+  .bp-rb
+    background-position: right bottom !important
+
+
+
+  .bs-cover
+    background-size: cover !important
+
+  .bs-contain
+    background-size: contain !important
+
+  .bs-auto
+    background-size: auto !important
+
+  .bs-100-auto
+    background-size: 100% auto !important
+
+  .bs-auto-100
     background-size: auto 100% !important