luda 0.1.5 → 0.1.6

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

@@ -1,23 +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
++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

@@ -1,21 +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
++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

@@ -1,48 +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
++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

@@ -1,71 +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
++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

@@ -1,55 +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
++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

@@ -1,12 +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
++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