luda 0.1.5

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

@@ -0,0 +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%
+    margin: 0 $dropdown-absolute-drop-gap-rem 0 0

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

@@ -0,0 +1,3 @@
+=_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

@@ -0,0 +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
+  box-shadow: $form-element-error-box-shadow

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

@@ -0,0 +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
+      @content

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

@@ -0,0 +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
+    @content

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

@@ -0,0 +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
+  margin: auto

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

@@ -0,0 +1,3 @@
+// 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

@@ -0,0 +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
+    unicode-range: $unicodes

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

@@ -0,0 +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
+    vertical-align: text-bottom !important

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

@@ -0,0 +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
+    background-size: auto 100% !important 

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

@@ -0,0 +1,36 @@
++install(shared-utility-color)
+
+  .c-primary
+    color: $color-primary !important
+
+  .c-secondary
+    color: $color-secondary !important
+
+  .c-danger
+    color: $color-danger !important
+
+  .c-dark
+    color: $color-dark !important
+
+  .c-light
+    color: $color-light !important
+
+  .c-emphasis
+    color: $color-emphasis !important
+
+  .c-main
+    color: $color-main !important
+
+  .c-muted
+    color: $color-muted !important
+
+
+
+  .c-inverse-emphasis
+    color: $color-inverse-emphasis !important
+
+  .c-inverse-main
+    color: $color-inverse-main !important
+
+  .c-inverse-muted
+    color: $color-inverse-muted !important

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

@@ -0,0 +1,40 @@
++install(shared-utility-display)
+
+  @each $breakpoint in map-keys($breakpoint-width-pxs)
+
+    $class-fix: _responsive-class-fix($breakpoint)
+
+    +media-width($breakpoint)
+
+      .dis-inline#{$class-fix}
+        display: inline !important
+
+      .dis-inline-block#{$class-fix}
+        display: inline-block !important
+
+      .dis-block#{$class-fix}
+        display: block !important
+
+      .dis-table#{$class-fix}
+        display: table !important
+
+      .dis-table-cell#{$class-fix}
+        display: table-cell !important
+
+      .dis-table-row#{$class-fix}
+        display: table-row !important
+
+      .dis-flex#{$class-fix}
+        display: flex !important
+
+      .dis-inline-flex#{$class-fix}
+        display: inline-flex !important
+
+      .dis-none#{$class-fix}
+        display: none !important
+
+
+
+  +media-print
+    .dis-none-on-print
+      display: none !important

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

@@ -0,0 +1,114 @@
++install(shared-utility-flex)
+
+  @each $breakpoint in map-keys($breakpoint-width-pxs)
+
+    $class-fix: _responsive-class-fix($breakpoint)
+
+    +media-width($breakpoint)
+
+      .fw-wrap#{$class-fix}
+        flex-wrap: wrap !important
+
+      .fw-nowrap#{$class-fix}
+        flex-wrap: nowrap !important
+
+      .fw-wrap-reverse#{$class-fix}
+        flex-wrap: wrap-reverse !important
+
+      .fd-row#{$class-fix}
+        flex-direction: row !important
+
+      .fd-column#{$class-fix}
+        flex-direction: column !important
+
+      .fd-row-reverse#{$class-fix}
+        flex-direction: row-reverse !important
+
+      .fd-column-reverse#{$class-fix}
+        flex-direction: column-reverse !important
+
+      .jc-start#{$class-fix}
+        justify-content: flex-start !important
+
+      .jc-center#{$class-fix}
+        justify-content: center !important
+
+      .jc-end#{$class-fix}
+        justify-content: flex-end !important
+
+      .jc-between#{$class-fix}
+        justify-content: space-between !important
+
+      .jc-around#{$class-fix}
+        justify-content: space-around !important
+
+      .ac-start#{$class-fix}
+        align-content: flex-start !important
+
+      .ac-center#{$class-fix}
+        align-content: center !important
+
+      .ac-end#{$class-fix}
+        align-content: flex-end !important
+
+      .ac-between#{$class-fix}
+        align-content: space-between !important
+
+      .ac-around#{$class-fix}
+        align-content: space-around !important
+
+      .ai-start#{$class-fix}
+        align-items: flex-start !important
+
+      .ai-end#{$class-fix}
+        align-items: flex-end !important
+
+      .ai-center#{$class-fix}
+        align-items: center !important
+
+      .ai-baseline#{$class-fix}
+        align-items: baseline !important
+
+      .ai-stretch#{$class-fix}
+        align-items: stretch !important
+
+      .as-start#{$class-fix}
+        align-self: flex-start !important
+
+      .as-center#{$class-fix}
+        align-self: center !important
+
+      .as-baseline#{$class-fix}
+        align-self: baseline !important
+
+      .as-end#{$class-fix}
+        align-self: flex-end !important
+
+      .as-stretch#{$class-fix}
+        align-self: stretch !important
+
+      .fg-1#{$class-fix}
+        flex-grow: 1 !important
+
+      .fg-0#{$class-fix}
+        flex-grow: 0 !important
+
+      .fs-1#{$class-fix}
+        flex-shrink: 1 !important
+
+      .fs-0#{$class-fix}
+        flex-shrink: 0 !important
+
+      .flex-auto#{$class-fix}
+        flex: 1 1 auto !important
+
+      .od-0#{$class-fix}
+        order: 0 !important
+
+      @for $i from 1 through ceil($grid-columns / 2)
+
+        .od-#{$i}#{$class-fix}
+          order: $i !important
+
+        .on-#{$i}#{$class-fix}
+          order: - $i !important