luda 0.1.5

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

@@ -0,0 +1,60 @@
++install(shared-collection-dropdown)
+
+  .dropdown-absolute,
+  .dropdown-static,
+  .dropdown-fixed
+    display: inline-flex
+    vertical-align: top
+    flex-direction: column
+    max-width: 100%
+    -ms-touch-action: manipulation
+    touch-action: manipulation
+
+  .dropdown-menu
+    display: none
+
+  .dropdown-active > .dropdown-menu
+    display: block
+
+  .dropdown-items
+    display: flex
+    flex-direction: column
+    min-width: 100%
+
+  .dropdown-items > *
+    flex: 0 0 auto
+
+  .dropdown-items .btn:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right),
+  .dropdown-items [class*=btn-]:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right) label
+    justify-content: flex-start
+
+  .dropdown-items .btn.btn-ico-right,
+  .dropdown-items [class*=btn-].btn-ico-right label
+    justify-content: space-between
+
+  +browser-edge
+    .dropdown-items input.btn:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right)
+      text-align: left
+
+
+
+  .dropdown-static .dropdown-menu
+    margin-left: $dropdown-static-menu-margin-left-rem
+
+
+
+  .dropdown-fixed.dropdown-active > .dropdown-menu
+    +overlay
+
+  .dropdown-fixed > .dropdown-menu > .dropdown-items
+    +overlay-body
+    margin-bottom: 0
+    overflow: visible
+    background: $dropdown-absolute-fixed-background
+
+
+
+  +_dropdown-absolute
+
+  +media-width($dropdown-width-breakpoint)
+    +_dropdown-absolute($dropdown-width-breakpoint)

data/assets/stylesheets/luda/_core/collections/_form-button.sass

@@ -0,0 +1,23 @@
++install(shared-collection-form-button)
+
+  .fm-btn
+    display: flex
+
+  .fm-btn .fm
+    flex-basis: 100%
+
+  .fm-btn .fm input,
+  .fm-btn .fm select,
+  .fm-btn .fm textarea
+    border-right: none
+    border-top-right-radius: 0
+    border-bottom-right-radius: 0
+
+  .fm-btn .btn,
+  .fm-btn .btn-check,
+  .fm-btn .btn-radio,
+  .fm-btn .btn-file
+    flex-shrink: 0
+    order: 1
+    border-top-left-radius: 0
+    border-bottom-left-radius: 0

data/assets/stylesheets/luda/_core/collections/_form-dropdown.sass

@@ -0,0 +1,21 @@
++install(shared-collection-form-dropdown)
+
+  .fm-dropdown.dropdown-absolute,
+  .fm-dropdown.dropdown-fixed
+    width: 100%
+
+  +media-width($dropdown-width-breakpoint)
+
+    .fm-dropdown.dropdown-absolute-#{$dropdown-width-breakpoint}:not(.dropdown-top)
+
+      > .dropdown-menu
+        order: -1
+
+      > .dropdown-menu > .dropdown-items
+        margin-top: $form-element-textfield-height-rem + $dropdown-absolute-drop-gap-rem
+
+      > .fm-small ~ .dropdown-menu > .dropdown-items
+        margin-top: $form-element-small-textfield-height-rem + $dropdown-absolute-drop-gap-rem
+
+      > .fm-large ~ .dropdown-menu > .dropdown-items
+        margin-top: $form-element-large-textfield-height-rem + $dropdown-absolute-drop-gap-rem

data/assets/stylesheets/luda/_core/collections/_form-group.sass

@@ -0,0 +1,48 @@
++install(shared-collection-form-group)
+
+  .fm-group > .grid
+    width: auto
+    padding-right: $grid-gutter-width-rem / 2
+    margin-right: - $grid-gutter-width-rem / 2
+    margin-left: - $grid-gutter-width-rem / 2
+
+  .fm-group > .grid > [class*=col-]
+    padding-right: 0
+
+
+
+  .fm-group .fm-label-nowrap.fm-label,
+  .fm-group .fm-label-wrap.fm-label
+    height: $form-element-textfield-height-rem
+    padding-top: 0
+    padding-bottom: 0
+    overflow: hidden
+    text-overflow: ellipsis
+
+  .fm-group .fm-label-nowrap.fm-label
+    line-height: $form-element-textfield-height-rem
+    white-space: nowrap
+
+  .fm-group .fm-label-small.fm-label-nowrap.fm-label
+    height: $form-element-small-textfield-height-rem
+    line-height: $form-element-small-textfield-height-rem
+
+  .fm-group .fm-label-large.fm-label-nowrap.fm-label
+    height: $form-element-large-textfield-height-rem
+    line-height: $form-element-large-textfield-height-rem
+
+  .fm-group .fm-label-wrap.fm-label
+    line-height: $form-element-textfield-height-rem / 2
+
+  .fm-group .fm-label-small.fm-label-wrap.fm-label
+    height: $form-element-small-textfield-height-rem
+    line-height: $form-element-small-textfield-height-rem / 2
+
+  .fm-group .fm-label-large.fm-label-wrap.fm-label
+    height: $form-element-large-textfield-height-rem
+    line-height: $form-element-large-textfield-height-rem / 2
+
+
+
+  .fm-group .fm
+    margin-bottom: $form-group-element-vertical-margin-rem

data/assets/stylesheets/luda/_core/collections/_form-icon.sass

@@ -0,0 +1,71 @@
++install(shared-collection-form-icon)
+
+  .fm.fm-ico-left input,
+  .fm.fm-ico-left select[multiple],
+  .fm.fm-ico-left textarea
+    padding-left: $form-element-text-helvertical-padding-em * 2 + $form-element-icon-size-em
+
+  .fm.fm-ico-right input,
+  .fm.fm-ico-right select[multiple],
+  .fm.fm-ico-right textarea
+    padding-right: $form-element-text-helvertical-padding-em * 2 + $form-element-icon-size-em
+
+
+
+  .fm-select.fm-ico-right input,
+  .fm-file.fm-ico-right input,
+  .fm-search.fm-ico-right input
+    background: $form-element-background
+
+  .fm-select.fm-ico-right[data-error] input,
+  .fm-file.fm-ico-right[data-error] input,
+  .fm-search.fm-ico-right[data-error] input
+    background: form-error-background
+
+  .fm.fm-select.fm-ico-right .focus ~ input,
+  .fm.fm-select.fm-ico-right input.focus,
+  .fm.fm-file.fm-ico-right .focus ~ input,
+  .fm.fm-search.fm-ico-right input.focus
+    background: form-focus-background
+
+  .fm.fm-select[data-error].fm-ico-right .focus ~ input,
+  .fm.fm-select[data-error].fm-ico-right input.focus,
+  .fm.fm-file[data-error].fm-ico-right .focus ~ input,
+  .fm.fm-search[data-error].fm-ico-right input.focus
+    background: form-error-focus-background
+
+
+
+  .fm > .ico
+    margin-top: _form-icon-margin-top($form-element-textfield-height-rem, $form-element-typography-size-level)
+    font-size: $form-element-icon-size-em
+    color: $form-element-icon-color
+    fill: $form-element-icon-color
+
+
+
+  .fm.fm-ico-left > .ico
+    margin-left: $form-element-text-helvertical-padding-em / strip-unit($form-element-icon-size-em)
+
+  .fm.fm-ico-right > .ico
+    margin-right: $form-element-text-helvertical-padding-em / strip-unit($form-element-icon-size-em)
+    margin-left: auto
+
+
+
+  .fm-small.fm > .ico
+    margin-top: _form-icon-margin-top($form-element-small-textfield-height-rem, $form-element-small-typography-size-level)
+
+  .fm-large.fm > .ico
+    margin-top: _form-icon-margin-top($form-element-large-textfield-height-rem, $form-element-large-typography-size-level)
+
+
+
+  .fm[data-error] .ico
+    color: $form-element-error-icon-color
+    fill: $form-element-error-icon-color
+
+  .fm.fm-ico-left .focus ~ .ico,
+  .fm.fm-ico-right .focus ~ .ico
+    color: $form-element-focus-icon-color
+    fill: $form-element-focus-icon-color

data/assets/stylesheets/luda/_core/collections/_media.sass

@@ -0,0 +1,55 @@
++install(shared-collection-media)
+
+  .media
+    display: inline-block
+    vertical-align: top
+    max-width: 100%
+
+  .media img,
+  .media svg,
+  .media canvas,
+  .media video,
+  .media object,
+  .media embed,
+  [class*=media-content]
+    display: block
+    max-width: 100%
+    margin: auto
+    overflow: hidden
+    object-fit: cover
+    object-position: center
+    background-color: $media-background-color
+    background-position: center
+    background-size: cover
+    border-radius: $media-border-radius
+
+  [class*=media-content]
+    position: relative
+    width: 100%
+    padding-top: 100% / $media-content-aspect-ratio
+
+  .media [class*=media-content] > *
+    position: absolute
+    top: 0
+    right: 0
+    bottom: 0
+    left: 0
+    width: 100%
+    height: 100%
+    background-color: transparent
+
+  .media-content-1by1
+    padding-top: 100%
+
+  .media-description
+    text-align: center
+    color: $media-description-color
+
+
+
+  .media-contain.media img,
+  .media-contain.media svg,
+  .media-contain.media video,
+  .media-contain.media [class*=media-content]
+    object-fit: contain
+    background-size: contain

data/assets/stylesheets/luda/_core/collections/_modal.sass

@@ -0,0 +1,12 @@
++install(shared-collection-modal)
+
+  .modal
+    padding: $modal-padding-rem
+    overflow: hidden
+    background: $modal-background
+    border-radius: $modal-border-radius
+    box-shadow: $modal-box-shadow
+
+  .overlay-body > .modal
+    max-width: $modal-in-overlay-max-width-px
+    min-width: $modal-in-overlay-min-width-px

data/assets/stylesheets/luda/_core/collections/_nav.sass

@@ -0,0 +1,162 @@
++install(shared-collection-nav)
+
+  .nav-header,
+  .nav-aside
+    display: flex
+    align-items: center
+    width: 100%
+    padding: $nav-padding-rem
+    background: $nav-background
+
+  .nav-logo
+    flex: 0 0 auto
+    margin: $nav-logo-margin-rem
+
+  .nav-logo img,
+  .nav-logo svg
+    height: $nav-logo-image-height-rem
+    object-fit: contain
+    fill: $color-light
+
+  .nav-open
+    flex: 0 0 auto
+    margin: $nav-open-margin-rem
+
+  .nav-open.btn-text-light,
+  .nav-close.btn-text-light
+    color: $color-light
+
+  .nav-menu
+    position: fixed
+    top: 0
+    left: 0
+    z-index: $z-index-highest
+    flex-direction: column
+    width: 100%
+    height: 100%
+    overflow: auto
+    -webkit-overflow-scrolling: touch
+    background: $nav-background
+
+  .nav-menu.toggle-active
+    display: flex
+
+  .nav-close
+    flex: 0 0 auto
+    margin: $nav-close-margin-rem
+
+  .nav-search
+    flex: 0 0 auto
+    margin: $nav-search-margin-rem
+
+  .nav-items,
+  .nav-sub-items
+    display: flex
+    flex: 0 0 auto
+    flex-direction: column
+
+  .nav-items
+    margin: $nav-items-margin-rem
+
+  .nav-sub-items
+    margin: $nav-sub-items-margin-rem
+
+  .nav-items .btn:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right),
+  .nav-sub-items .btn:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right)
+    justify-content: flex-start
+
+  .nav-items .btn.btn-ico-right,
+  .nav-sub-items .btn.btn-ico-right
+    justify-content: space-between
+
+
+
+  .nav-header
+    box-shadow: $nav-header-box-shadow
+
+
+
+  .nav-aside
+    box-shadow: $nav-aside-box-shadow
+
+
+
+  +media-width($nav-width-breakpoint)
+
+    .nav-header,
+    .nav-aside
+      position: sticky
+      top: 0
+
+    .nav-open,
+    .nav-close
+      display: none
+
+    .nav-header .nav-menu,
+    .nav-aside .nav-menu
+      display: flex
+      position: relative
+      z-index: $z-index-normal
+      background: none
+
+
+
+    .nav-header
+      z-index: $z-index-highest
+
+    .nav-header .nav-items,
+    .nav-header .nav-sub-items
+      flex-direction: row
+      align-items: center
+
+    .nav-header .nav-menu
+      flex: 1 1 100%
+      flex-direction: row
+      flex-wrap: wrap
+      align-items: center
+      overflow: visible
+
+    .nav-header .nav-search
+      flex: 0 0 auto
+      order: 1
+      width: $nav-header-breakpoint-search-width-rem
+      margin: $nav-header-breakpoint-search-margin-rem
+
+    .nav-header .nav-items
+      margin: $nav-header-breakpoint-items-margin-rem
+
+    .nav-header .nav-sub-items
+      order: 2
+      margin: $nav-header-breakpoint-sub-items-margin-rem
+
+    .nav-header .dropdown-menu
+      margin-left: 0
+
+    .nav-header .dropdown-items:not([class*=dropdown-static])
+      background: $nav-header-breakpoint-dropdown-background
+
+
+
+    .nav-aside
+      z-index: $z-index-much-higher
+      flex-direction: column
+      width: $nav-aside-breakpoint-min-width-rem
+      max-width: $nav-aside-breakpoint-max-width-rem
+      min-width: $nav-aside-breakpoint-min-width-rem
+      height: 100vh
+      padding: $nav-aside-breakpoint-padding-rem
+      overflow: auto
+      -webkit-overflow-scrolling: touch
+      box-shadow: $nav-aside-breakpoint-box-shadow
+
+    .nav-aside .nav-logo
+      margin: $nav-aside-breakpoint-logo-margin-rem
+
+    .nav-aside .nav-logo img,
+    .nav-aside .nav-logo svg
+      width: $nav-aside-breakpoint-logo-image-width-rem
+      height: $nav-aside-breakpoint-logo-image-height-rem
+
+    .nav-aside .nav-menu
+      flex: 0 0 auto
+      height: auto