luda 0.2.0 → 0.3.0

data/assets/stylesheets/luda/default/utilities/_size.sass

@@ -1,4 +1,4 @@
-@import '../../_core/utilities/size'
+@import '../../kernel/utilities/size'
 
 
 

data/assets/stylesheets/luda/default/utilities/_spacing.sass

@@ -1,4 +1,4 @@
-@import '../../_core/utilities/spacing'
+@import '../../kernel/utilities/spacing'
 
 
 

data/assets/stylesheets/luda/default/utilities/_text.sass

@@ -1,4 +1,4 @@
-@import '../../_core/utilities/text'
+@import '../../kernel/utilities/text'
 
 
 

data/assets/stylesheets/luda/default/utilities/_visibility.sass

@@ -1,4 +1,4 @@
-@import '../../_core/utilities/visibility'
+@import '../../kernel/utilities/visibility'
 
 
 

data/assets/stylesheets/luda/default/utilities/_z-index.sass

@@ -1,4 +1,4 @@
-@import '../../_core/utilities/z-index'
+@import '../../kernel/utilities/z-index'
 
 
 

data/assets/stylesheets/luda/{_core → kernel}/_base.sass

@@ -1,4 +1,4 @@
-+install(shared-base)
++install(kernel-base)
   // sass-lint:disable max-file-line-count
 
   // Based on sanitize.css v6.0.0 CC0 License

data/assets/stylesheets/luda/{_core → kernel}/_functions.sass

@@ -1,5 +1,6 @@
 // sass-lint:disable max-line-length
 // sass-lint:disable variable-name-format
+// sass-lint:disable max-file-line-count
 $_CONSTANTS: (scale-ratios: (minor-second: 1.067, major-second: 1.125, minor-third: 1.2, major-third: 1.25, perfect-fourth: 1.333, augmented-fourth: 1.414, perfect-fifth: 1.5, golden-ratio: 1.618), typography-stacks: (sans-serif: ("Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif), code: (SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace)), baseline-offset-ratios: (Abel: 0.15772, "Abril Fatface": 0.1165, Anton: 0.096, Arial: 0.15332, "Arial Black": 0.10449, "Arial Narrow": 0.13818, Arimo: 0.15332, Arvo: 0.14307, Avenir: 0.183, Baskerville: 0.17407, "Bebas Neue": 0.2, Bitter: 0.165, "Bree Serif": 0.102, Cabin: 0.1425, Courier: 0.171, "Courier New": 0.23389, "Courier Prime": 0.31, "Crimson Text": 0.146, Dosis: 0.105, "Droid Sans": 0.15454, "Droid Serif": 0.15454, "Fira Sans": 0.225, "Fjalla One": 0.11963, Futura: 0.1106, Geneva: 0.125, "Gill Sans": 0.161, Georgia: 0.15112, Helvetica: 0.121, "Helvetica Neue": 0.128, Hind: 0.2455, Impact: 0.10107, Inconsolata: 0.1655, "Indie Flower": 0.25879, Josefin Sans: 0.25, Lato: 0.113, "League Gothic": 0.165, "Libre Baskerville": 0.15, "Libre Franklin": 0.14, Lobster: 0.125, Lora: 0.16235, "Lucida Grande": 0.122, Merriweather: 0.14502, "Merriweather Sans": 0.14502, Montserrat: 0.1415, Muli: 0.1225, "Noto Sans": 0.11206, "Noto Serif": 0.11206, Nunito: 0.171, "Open Sans": 0.11206, "Open Sans Condensed": 0.11206, Oswald: 0.04761, Oxygen: 0.10449, Palatino: 0.231, "Playfair Display": 0.08447, Poppins: 0.205, "PT Sans": 0.188, "PT Sans Narrow": 0.188, "PT Serif": 0.129, Raleway: 0.147, Roboto: 0.1582, "Roboto Condensed": 0.1582, "Roboto Slab": 0.11157, Rosario: 0.141, "San Francisco": 0.122, "Segoe UI": 0.086, "Slabo": 0.18519, "Source Sans Pro": 0.1445, "Source Code Pro": 0.145, "Source Serif Pro": 0.15, "Space Mono": 0.121, Tahoma: 0.10303, Times: 0.175, "Times New Roman": 0.1626, "Titillium Web": 0.1275, "Trebuchet MS": 0.1416, Ubuntu: 0.1285, "Ubuntu Condensed": 0.1285, "Varela Round": 0.184, Verdana: 0.1023, "Yanone Kaffeesatz": 0.1215, Yrsa: 0.25))
 // sass-lint:enable max-line-length
 // sass-lint:enable variable-name-format
@@ -81,6 +82,11 @@ $_CONSTANTS: (scale-ratios: (minor-second: 1.067, major-second: 1.125, minor-thi
     @return true
   @return false
 
+@function _is-px($value)
+  @if $value / strip-unit($value) == 1px
+    @return true
+  @return false
+
 @function strip-unit($value)
   @return $value / ($value * 0 + 1)
 
@@ -89,6 +95,23 @@ $_CONSTANTS: (scale-ratios: (minor-second: 1.067, major-second: 1.125, minor-thi
     @return $px / _root-typo-size-px() * 1rem
   @return null
 
+@function rem-to-px($rem)
+  @if $rem
+    @return strip-unit($rem) * _root-typo-size-px()
+  @return null
+
+@function rem-to-em($rem, $typo-level: 6)
+  @if $rem
+    @return $rem / typo-size($typo-level) * 1em
+  @return null
+
+@function harmony-spacing($spacing, $border-width)
+  @if (_is-rem($spacing) or _is-px($spacing)) and (_is-rem($border-width) or _is-px($border-width))
+    $spacing-px: if(_is-rem($spacing), rem-to-px($spacing), $spacing)
+    $border-width-px: if(_is-rem($border-width), rem-to-px($border-width), $border-width)
+    @return px-to-rem($spacing-px - $border-width-px)
+  @return null
+
 @function _responsive-class-fix($breakpoint)
   $first-breakpoint: nth(map-keys($breakpoint-width-pxs), 1)
   $class-fix: if($breakpoint == $first-breakpoint, null, "-#{$breakpoint}")

data/assets/stylesheets/luda/kernel/behaviors/_disabled.sass

@@ -0,0 +1,7 @@
++install(kernel-behavior-disabled)
+
+  [disabled]
+    +_disabled
+
+  [disabled] [disabled]
+    +_disabled-nested

data/assets/stylesheets/luda/kernel/behaviors/_focus.sass

@@ -0,0 +1,7 @@
++install(kernel-behavior-focus)
+
+  html:not([data-focus=false]) :focus
+    outline: none
+
+  html:not([data-focus=false]) .focus
+    +_focus

data/assets/stylesheets/luda/kernel/behaviors/_readonly.sass

@@ -0,0 +1,7 @@
++install(kernel-behavior-readonly)
+
+  [readonly]
+    +_disabled
+
+  [readonly] [readonly]
+    +_disabled-nested

data/assets/stylesheets/luda/kernel/behaviors/_toggle.sass

@@ -0,0 +1,4 @@
++install(kernel-behavior-toggle)
+
+  [data-toggle-target]:not(.toggle-active)
+    display: none

data/assets/stylesheets/luda/{_core → kernel}/elements/_badge.sass

@@ -1,4 +1,4 @@
-+install(shared-element-badge)
++install(kernel-element-badge)
 
   .badge
     display: inline-flex

data/assets/stylesheets/luda/{_core → kernel}/elements/_baseline.sass

@@ -1,4 +1,4 @@
-+install(shared-element-baseline)
++install(kernel-element-baseline)
 
   .baseline
     position: relative

data/assets/stylesheets/luda/{_core → kernel}/elements/_button.sass

@@ -1,4 +1,4 @@
-+install(shared-element-button)
++install(kernel-element-button)
 
   .btn,
   .btn-check,

data/assets/stylesheets/luda/{_core → kernel}/elements/_container.sass

@@ -1,4 +1,4 @@
-+install(shared-element-container)
++install(kernel-element-container)
 
   .container
     max-width: $container-max-width-rem

data/assets/stylesheets/luda/{_core → kernel}/elements/_grid.sass

@@ -1,4 +1,4 @@
-+install(shared-element-grid)
++install(kernel-element-grid)
 
   .grid,
   .grid-edge

data/assets/stylesheets/luda/{_core → kernel}/elements/_icon.sass

@@ -1,4 +1,4 @@
-+install(shared-element-icon)
++install(kernel-element-icon)
 
   .ico
     display: inline-block

data/assets/stylesheets/luda/{_core → kernel}/elements/_media.sass

@@ -1,4 +1,4 @@
-+install(shared-pattern-media)
++install(kernel-pattern-media)
 
   .media
     display: inline-block

data/assets/stylesheets/luda/{_core → kernel}/elements/_overlay.sass

@@ -1,4 +1,4 @@
-+install(shared-element-overlay)
++install(kernel-element-overlay)
 
   html:has(.overlay.toggle-active),
   body:has(.overlay.toggle-active)

data/assets/stylesheets/luda/{_core → kernel}/elements/_progress.sass

@@ -1,4 +1,4 @@
-+install(shared-element-progress)
++install(kernel-element-progress)
 
   .progress
     display: flex

data/assets/stylesheets/luda/{_core → kernel}/elements/_scrollbar.sass

@@ -1,10 +1,16 @@
-+install(shared-element-scrollbar)
++install(kernel-element-scrollbar)
 
   +media-width($scrollbar-width-breakpoint)
 
     html
       -ms-overflow-style: $scrollbar-edge-overflow-style
 
+    *
+      // sass-lint:disable no-misspelled-properties
+      scrollbar-width: $scrollbar-firefox-width-keyword
+      scrollbar-color: $scrollbar-firefox-color
+      // sass-lint:enable no-misspelled-properties
+
   +browser-chrome-and-opera
 
     +media-width($scrollbar-width-breakpoint)

data/assets/stylesheets/luda/{_core → kernel}/elements/_table.sass

@@ -1,4 +1,4 @@
-+install(shared-element-table)
++install(kernel-element-table)
 
   .table,
   .table-border

data/assets/stylesheets/luda/kernel/elements/_turbolinks-progress-bar.sass

@@ -0,0 +1,5 @@
++install(kernel-element-turbolinks-progress-bar)
+
+  .turbolinks-progress-bar
+    height: $turbolinks-progress-bar-height-px
+    background: $turbolinks-progress-bar-background

data/assets/stylesheets/luda/{_core → kernel}/elements/form/_form-check-radio.sass

@@ -1,4 +1,4 @@
-+install(shared-element-form-check-radio)
++install(kernel-element-form-check-radio)
 
   .fm-check label,
   .fm-radio label

data/assets/stylesheets/luda/{_core → kernel}/elements/form/_form-element.sass

@@ -1,4 +1,4 @@
-+install(shared-element-form-element)
++install(kernel-element-form-element)
 
   .fm
     display: flex

data/assets/stylesheets/luda/{_core → kernel}/elements/form/_form-helper.sass

@@ -1,4 +1,4 @@
-+install(shared-element-form-helper)
++install(kernel-element-form-helper)
 
   .fm ::-webkit-input-placeholder
     color: $form-placeholder-color

data/assets/stylesheets/luda/{_core → kernel}/elements/form/_form-label.sass

@@ -1,4 +1,4 @@
-+install(shared-element-form-label)
++install(kernel-element-form-label)
 
   .fm-label
     +typo-level($form-label-typography-size-level)

data/assets/stylesheets/luda/{_core → kernel}/elements/form/_form-range.sass

@@ -1,4 +1,4 @@
-+install(shared-element-form-range)
++install(kernel-element-form-range)
 
   .fm-range input
     width: 100%

data/assets/stylesheets/luda/{_core → kernel}/elements/form/_form-row.sass

@@ -1,4 +1,4 @@
-+install(shared-element-form-row)
++install(kernel-element-form-row)
 
   .fm-text input,
   .fm-search input,
@@ -152,27 +152,26 @@
 
 
   .fm-select select:not([multiple]),
-  .fm-file [type=file]
+  .fm-file input[type=file]
     width: 100%
-    margin-bottom: - $form-element-height-rem
-    // opacity: 0
-
-  .fm.fm-select select:not([multiple]),
-  .fm.fm-file [type=file]
     opacity: 0
 
+  .fm-select select:not([multiple]) + input,
+  .fm-file [type=file] + input
+    margin-top: - $form-element-height-rem
+
   .fm-file [type=file]
     overflow: hidden
 
 
 
-  .fm-small.fm-select select:not([multiple]),
-  .fm-small.fm-file [type=file]
-    margin-bottom: - $form-element-small-height-rem
+  .fm-small.fm-select select:not([multiple]) + input,
+  .fm-small.fm-file [type=file] + input
+    margin-top: - $form-element-small-height-rem
 
-  .fm-large.fm-select select:not([multiple]),
-  .fm-large.fm-file [type=file]
-    margin-bottom: - $form-element-large-height-rem
+  .fm-large.fm-select select:not([multiple]) + input,
+  .fm-large.fm-file [type=file] + input
+    margin-top: - $form-element-large-height-rem
 
 
 
@@ -189,18 +188,4 @@
     height: if($form-element-small-typography-size-level, typo-line-height($form-element-small-typography-size-level), null)
 
   .fm-large.fm-select select[multiple] option
-    height: if($form-element-large-typography-size-level, typo-line-height($form-element-large-typography-size-level), null)
-
-
-
-  .fm-select select[multiple] option.fm-select-multiple-placeholder:disabled
-    overflow: hidden
-    opacity: 1
-    color: $form-placeholder-color
-    text-overflow: ellipsis
-
-  .fm-select[data-error] select[multiple] option.fm-select-multiple-placeholder:disabled
-    color: $form-placeholder-color-on-error
-
-  .fm.fm-select select[multiple].focus option.fm-select-multiple-placeholder:disabled
-    color: $form-placeholder-color-on-focus
+    height: if($form-element-large-typography-size-level, typo-line-height($form-element-large-typography-size-level), null)

data/assets/stylesheets/luda/{_core → kernel}/elements/typography/_code.sass

@@ -1,4 +1,4 @@
-+install(shared-element-typography-code)
++install(kernel-element-typography-code)
 
   code,
   kbd,

data/assets/stylesheets/luda/{_core → kernel}/elements/typography/_heading.sass

@@ -1,4 +1,4 @@
-+install(shared-element-typography-heading)
++install(kernel-element-typography-heading)
 
   h1,
   h2,

data/assets/stylesheets/luda/{_core → kernel}/elements/typography/_link.sass

@@ -1,4 +1,4 @@
-+install(shared-element-typography-link)
++install(kernel-element-typography-link)
 
   a:not(.btn)
     color: $typography-link-color

data/assets/stylesheets/luda/{_core → kernel}/elements/typography/_list.sass

@@ -1,4 +1,4 @@
-+install(shared-element-typography-list)
++install(kernel-element-typography-list)
 
   ul,
   ol

data/assets/stylesheets/luda/{_core → kernel}/elements/typography/_mark.sass

@@ -1,4 +1,4 @@
-+install(shared-element-typography-mark)
++install(kernel-element-typography-mark)
 
   mark
     padding: $typography-mark-padding-em

data/assets/stylesheets/luda/{_core → kernel}/elements/typography/_paragraph.sass

@@ -1,4 +1,4 @@
-+install(shared-element-typography-paragraph)
++install(kernel-element-typography-paragraph)
 
   .p5
     +typo-level(5)

data/assets/stylesheets/luda/{_core → kernel}/elements/typography/_quote.sass

@@ -1,4 +1,4 @@
-+install(shared-element-typography-quote)
++install(kernel-element-typography-quote)
 
   q,
   .quote p

data/assets/stylesheets/luda/{_core → kernel}/elements/typography/_sub-sup.sass

@@ -1,4 +1,4 @@
-+install(shared-element-typography-sub-sup)
++install(kernel-element-typography-sub-sup)
 
   sub,
   sup

data/assets/stylesheets/luda/kernel/elements/typography/_typography.sass

@@ -0,0 +1,6 @@
++install(kernel-element-typography-typography)
+
+  .typo-inline
+    display: inline !important
+    padding: 0 !important
+    line-height: 0 !important

data/assets/stylesheets/luda/{_core → kernel}/mixins/_disabled.sass

@@ -5,6 +5,7 @@
   -ms-user-select: none
   user-select: none
   opacity: $opacity-disabled
+  caret-color: transparent
 
 =_disabled-nested
   opacity: 1

data/assets/stylesheets/luda/{_core → kernel}/patterns/_alert.sass

@@ -1,4 +1,4 @@
-+install(shared-pattern-alert)
++install(kernel-pattern-alert)
 
   .alert
     display: flex

data/assets/stylesheets/luda/{_core → kernel}/patterns/_article.sass

@@ -1,4 +1,4 @@
-+install(shared-pattern-article)
++install(kernel-pattern-article)
 
   .article
     max-width: $article-max-width-rem

data/assets/stylesheets/luda/{_core → kernel}/patterns/_avatar.sass

@@ -1,4 +1,4 @@
-+install(shared-pattern-avatar)
++install(kernel-pattern-avatar)
 
   .avatar-x,
   .avatar-y

data/assets/stylesheets/luda/{_core → kernel}/patterns/_breadcrumb.sass

@@ -1,4 +1,4 @@
-+install(shared-pattern-breadcrumb)
++install(kernel-pattern-breadcrumb)
 
   .breadcrumb
     display: flex

data/assets/stylesheets/luda/{_core → kernel}/patterns/_button-group.sass

@@ -1,4 +1,4 @@
-+install(shared-pattern-button-group)
++install(kernel-pattern-button-group)
 
   .btns-x,
   .btns-y

data/assets/stylesheets/luda/{_core → kernel}/patterns/_button-icon.sass

@@ -1,4 +1,4 @@
-+install(shared-pattern-button-icon)
++install(kernel-pattern-button-icon)
 
   [class*=btn-].btn-ico
     width: 0