luda 0.1.5 → 0.1.6

data/assets/stylesheets/luda/_core/elements/typography/_code.sass

@@ -1,27 +1,27 @@
-+install(shared-element-typography-code)
-
-  code,
-  kbd,
-  samp
-    padding: $typography-code-padding-em
-    line-height: 0
-    color: $typography-code-color
-    font-family: $typography-code
-    background: $typography-code-background
-    border-radius: $typography-code-border-radius
-
-  .code
-    padding: $typography-code-block-padding-rem
-    background: $typography-code-background
-    border-radius: $typography-code-border-radius
-
-  .code code,
-  .code samp,
-  .code kbd
-    $baseline-offset: existing($typography-code-baseline-offset-ratio, $typography-main-baseline-offset-ratio)
-    +typo-level($typography-block-code-size-level, $baseline-offset)
-    display: block
-    padding-right: 0
-    padding-left: 0
-    background: none
++install(shared-element-typography-code)
+
+  code,
+  kbd,
+  samp
+    padding: $typography-code-padding-em
+    line-height: 0
+    color: $typography-code-color
+    font-family: $typography-code
+    background: $typography-code-background
+    border-radius: $typography-code-border-radius
+
+  .code
+    padding: $typography-code-block-padding-rem
+    background: $typography-code-background
+    border-radius: $typography-code-border-radius
+
+  .code code,
+  .code samp,
+  .code kbd
+    $baseline-offset: existing($typography-code-baseline-offset-ratio, $typography-main-baseline-offset-ratio)
+    +typo-level($typography-block-code-size-level, $baseline-offset)
+    display: block
+    padding-right: 0
+    padding-left: 0
+    background: none
     border-radius: if($typography-code-border-radius, 0, null)

data/assets/stylesheets/luda/_core/elements/typography/_link.sass

@@ -1,15 +1,15 @@
-+install(shared-element-typography-link)
-
-  a:not(.btn)
-    color: $typography-link-color
-    text-decoration: $typography-link-text-decoration
-
-  a:not(.btn):hover
-    color: $typography-link-hover-color
-    text-decoration: $typography-link-hover-text-decoration
-
-  a:not(.btn):active
-    color: $typography-link-active-color
-    text-decoration: $typography-link-active-text-decoration
-
++install(shared-element-typography-link)
+
+  a:not(.btn)
+    color: $typography-link-color
+    text-decoration: $typography-link-text-decoration
+
+  a:not(.btn):hover
+    color: $typography-link-hover-color
+    text-decoration: $typography-link-hover-text-decoration
+
+  a:not(.btn):active
+    color: $typography-link-active-color
+    text-decoration: $typography-link-active-text-decoration
+
   +typo-link(light, $typography-link-light-color, $typography-link-light-hover-color, $typography-link-light-active-color)

data/assets/stylesheets/luda/_core/elements/typography/_list.sass

@@ -1,14 +1,14 @@
-+install(shared-element-typography-list)
-
-  ul,
-  ol
-    list-style-position: outside
-
-  ul ul,
-  ul ol,
-  ol ul,
-  ol ol
-    padding: $typography-list-nested-padding-em
-
-  dt
++install(shared-element-typography-list)
+
+  ul,
+  ol
+    list-style-position: outside
+
+  ul ul,
+  ul ol,
+  ol ul,
+  ol ol
+    padding: $typography-list-nested-padding-em
+
+  dt
     font-weight: 700

data/assets/stylesheets/luda/_core/elements/typography/_mark.sass

@@ -1,7 +1,7 @@
-+install(shared-element-typography-mark)
-
-  mark
-    padding: $typography-mark-padding-em
-    color: $typography-mark-color
-    background: $typography-mark-background
++install(shared-element-typography-mark)
+
+  mark
+    padding: $typography-mark-padding-em
+    color: $typography-mark-color
+    background: $typography-mark-background
     border-radius: $typography-mark-border-radius

data/assets/stylesheets/luda/_core/elements/typography/_quote.sass

@@ -1,68 +1,68 @@
-+install(shared-element-typography-quote)
-
-  q,
-  .quote p
-    font-family: $typography-quote
-    font-style: italic
-
-  q
-    line-height: 0
-
-  q::before
-    padding: 0 0.3em
-    content: '"'
-
-  q::after
-    padding: 0 0.3em 0 0.2em
-    content: '"'
-
-  q q::before
-    content: "'"
-
-  q q::after
-    content: "'"
-
-  cite
-    color: $typography-cite-color
-    font-style: italic
-    font-weight: 700
-
-  .quote
-    padding: $typography-quote-block-padding-rem
-
-  .quote p
-    $offset-diff: $typography-quote-baseline-offset-ratio != $typography-main-baseline-offset-ratio
-    $size-diff: $typography-block-quote-size-level != $typography-main-size-level
-    @if $typography-quote-baseline-offset-ratio and $offset-diff or $size-diff
-      $baseline-offset-ratio: existing($typography-quote-baseline-offset-ratio, $typography-main-baseline-offset-ratio)
-      +typo-level($typography-block-quote-size-level, $baseline-offset-ratio)
-    margin: $typography-quote-block-p-margin-rem
-
-  .quote p:first-child
-    position: relative
-
-  .quote p:first-child::before
-    display: block
-    position: absolute
-    top: 0
-    left: - mirror-nth($typography-quote-block-padding-rem, 4)
-    width: mirror-nth($typography-quote-block-padding-rem, 4)
-    font-size: 3em
-    text-align: center
-    content: '"'
-    color: $typography-cite-color
-
-  .quote p:last-of-type
-    margin-bottom: 0
-
-  .quote footer
-    color: $typography-cite-color
-
-  .quote footer::before
-    display: inline-block
-    vertical-align: middle
-    width: 2em
-    margin-right: 1em
-    border-width: $typography-quote-block-cite-lead-height 0 0
-    content: ""
++install(shared-element-typography-quote)
+
+  q,
+  .quote p
+    font-family: $typography-quote
+    font-style: italic
+
+  q
+    line-height: 0
+
+  q::before
+    padding: 0 0.3em
+    content: '"'
+
+  q::after
+    padding: 0 0.3em 0 0.2em
+    content: '"'
+
+  q q::before
+    content: "'"
+
+  q q::after
+    content: "'"
+
+  cite
+    color: $typography-cite-color
+    font-style: italic
+    font-weight: 700
+
+  .quote
+    padding: $typography-quote-block-padding-rem
+
+  .quote p
+    $offset-diff: $typography-quote-baseline-offset-ratio != $typography-main-baseline-offset-ratio
+    $size-diff: $typography-block-quote-size-level != $typography-main-size-level
+    @if $typography-quote-baseline-offset-ratio and $offset-diff or $size-diff
+      $baseline-offset-ratio: existing($typography-quote-baseline-offset-ratio, $typography-main-baseline-offset-ratio)
+      +typo-level($typography-block-quote-size-level, $baseline-offset-ratio)
+    margin: $typography-quote-block-p-margin-rem
+
+  .quote p:first-child
+    position: relative
+
+  .quote p:first-child::before
+    display: block
+    position: absolute
+    top: 0
+    left: - mirror-nth($typography-quote-block-padding-rem, 4)
+    width: mirror-nth($typography-quote-block-padding-rem, 4)
+    font-size: 3em
+    text-align: center
+    content: '"'
+    color: $typography-cite-color
+
+  .quote p:last-of-type
+    margin-bottom: 0
+
+  .quote footer
+    color: $typography-cite-color
+
+  .quote footer::before
+    display: inline-block
+    vertical-align: middle
+    width: 2em
+    margin-right: 1em
+    border-width: $typography-quote-block-cite-lead-height 0 0
+    content: ""
     border-style: solid

data/assets/stylesheets/luda/_core/elements/typography/_sub-sup.sass

@@ -1,16 +1,16 @@
-+install(shared-element-typography-sub-sup)
-
-  sub,
-  sup
-    vertical-align: baseline
-    position: relative
-    font-size: $typography-sub-sup-size
-    line-height: 0
-
-  sub
-    bottom: $typography-sub-bottom-offset-em
-    font-feature-settings: "subs" 1
-
-  sup
-    top: $typography-sup-top-offset-em
++install(shared-element-typography-sub-sup)
+
+  sub,
+  sup
+    vertical-align: baseline
+    position: relative
+    font-size: $typography-sub-sup-size
+    line-height: 0
+
+  sub
+    bottom: $typography-sub-bottom-offset-em
+    font-feature-settings: "subs" 1
+
+  sup
+    top: $typography-sup-top-offset-em
     font-feature-settings: "sups" 1

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

@@ -1,52 +1,52 @@
-+install(shared-element-typography-typography)
-
-  @for $type-level from 1 through 6
-
-    $is-default-typo-level: $type-level == $typography-main-size-level
-    $paragraph-selector: if($is-default-typo-level, "p,.p#{$type-level}", ".p#{$type-level}")
-    $lead-selector: "h#{$type-level},.h#{$type-level}"
-    $baseline-offset-ratio-changed: $typography-lead-baseline-offset-ratio != $typography-main-baseline-offset-ratio
-
-    @if $typography-lead-baseline-offset-ratio and $baseline-offset-ratio-changed
-
-      #{$lead-selector}
-        +typo-level($type-level, $typography-lead-baseline-offset-ratio)
-        display: block
-
-      #{$paragraph-selector}
-        +typo-level($type-level, $typography-main-baseline-offset-ratio)
-        display: block
-
-    @else
-
-      #{$lead-selector},
-      #{$paragraph-selector}
-        +typo-level($type-level, $typography-main-baseline-offset-ratio)
-        display: block
-
-  +_sass-lint-fix-if-else
-
-
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  .h1,
-  .h2,
-  .h3,
-  .h4,
-  .h5,
-  .h6
-    color: $typography-lead-color
-    font-family: $typography-lead
-    font-weight: $typography-lead-font-weight
-
-
-
-  .typo-inline
-    display: inline !important
-    padding: 0 !important
++install(shared-element-typography-typography)
+
+  @for $type-level from 1 through 6
+
+    $is-default-typo-level: $type-level == $typography-main-size-level
+    $paragraph-selector: if($is-default-typo-level, "p,.p#{$type-level}", ".p#{$type-level}")
+    $lead-selector: "h#{$type-level},.h#{$type-level}"
+    $baseline-offset-ratio-changed: $typography-lead-baseline-offset-ratio != $typography-main-baseline-offset-ratio
+
+    @if $typography-lead-baseline-offset-ratio and $baseline-offset-ratio-changed
+
+      #{$lead-selector}
+        +typo-level($type-level, $typography-lead-baseline-offset-ratio)
+        display: block
+
+      #{$paragraph-selector}
+        +typo-level($type-level, $typography-main-baseline-offset-ratio)
+        display: block
+
+    @else
+
+      #{$lead-selector},
+      #{$paragraph-selector}
+        +typo-level($type-level, $typography-main-baseline-offset-ratio)
+        display: block
+
+  +_sass-lint-fix-if-else
+
+
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  .h1,
+  .h2,
+  .h3,
+  .h4,
+  .h5,
+  .h6
+    color: $typography-lead-color
+    font-family: $typography-lead
+    font-weight: $typography-lead-font-weight
+
+
+
+  .typo-inline
+    display: inline !important
+    padding: 0 !important
     line-height: 0 !important

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

@@ -1,15 +1,15 @@
-=browser-firefox
-  @-moz-document url-prefix()
-    @content
-
-=browser-ios-safari
-  @supports (-webkit-overflow-scrolling: touch)
-    @content
-
-=browser-edge
-  @supports (-ms-ime-align: auto)
-    @content
-
-=browser-chrome-and-opera
-  @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm)
+=browser-firefox
+  @-moz-document url-prefix()
+    @content
+
+=browser-ios-safari
+  @supports (-webkit-overflow-scrolling: touch)
+    @content
+
+=browser-edge
+  @supports (-ms-ime-align: auto)
+    @content
+
+=browser-chrome-and-opera
+  @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm)
     @content

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

@@ -1,90 +1,90 @@
-=button-solid($name: null, $color: null, $hover-color: null, $active-color: null, $background: null, $hover-background: null, $active-background: null, $border-color: null, $hover-border-color: null, $active-border-color: null, $box-shadow: null, $hover-box-shadow: null, $active-box-shadow: null)
-
-  .btn.btn-#{$name},
-  .btn-check.btn-#{$name} label,
-  .btn-radio.btn-#{$name} label,
-  .btn-file.btn-#{$name} label
-    color: $color
-    background: $background
-    border-color: existing($border-color, transparent)
-    box-shadow: $box-shadow
-
-  .btn.btn-#{$name}:hover,
-  .btn-file.btn-#{$name} input:hover ~ label
-    color: $hover-color
-    background: $hover-background
-    border-color: $hover-border-color
-    box-shadow: $hover-box-shadow
-
-  .btn.btn-#{$name}:active,
-  .btn.btn-#{$name}.btn-active,
-  .btn-file.btn-#{$name} input:active ~ label,
-  .btn-check.btn-#{$name} input:checked ~ label,
-  .btn-radio.btn-#{$name} input:checked ~ label,
-  .btn-check.btn-#{$name}.btn-active input ~ label,
-  .btn-radio.btn-#{$name}.btn-active input ~ label,
-  .btn-file.btn-#{$name}.btn-active input ~ label
-    color: $active-color
-    background: $active-background
-    border-color: $active-border-color
-    box-shadow: $active-box-shadow
-
-
-
-=button-hollow($name: null, $color: null, $hover-color: null, $active-color: null, $hover-background: null, $active-background: null, $border-color: null, $hover-border-color: null, $active-border-color: null, $box-shadow: null, $hover-box-shadow: null, $active-box-shadow: null)
-
-  .btn.btn-hollow-#{$name},
-  .btn-check.btn-hollow-#{$name} label,
-  .btn-radio.btn-hollow-#{$name} label,
-  .btn-file.btn-hollow-#{$name} label
-    color: $color
-    border-color: existing($border-color, $color)
-    box-shadow: $box-shadow
-
-  .btn.btn-hollow-#{$name}:hover,
-  .btn-file.btn-hollow-#{$name} input:hover ~ label
-    color: $hover-color
-    background: $hover-background
-    border-color: $hover-border-color
-    box-shadow: $hover-box-shadow
-
-  .btn.btn-hollow-#{$name}:active,
-  .btn.btn-hollow-#{$name}.btn-active,
-  .btn-file.btn-hollow-#{$name} input:active ~ label,
-  .btn-check.btn-hollow-#{$name} input:checked ~ label,
-  .btn-radio.btn-hollow-#{$name} input:checked ~ label,
-  .btn-check.btn-hollow-#{$name}.btn-active input ~ label,
-  .btn-radio.btn-hollow-#{$name}.btn-active input ~ label,
-  .btn-file.btn-hollow-#{$name}.btn-active input ~ label
-    color: $active-color
-    background: $active-background
-    border-color: $active-border-color
-    box-shadow: $active-box-shadow
-
-
-
-=button-text($name: null, $color: null, $hover-color: null, $active-color: null, $text-shadow: null, $hover-text-shadow: null, $active-text-shadow: null)
-
-  .btn.btn-text-#{$name},
-  .btn-check.btn-text-#{$name},
-  .btn-radio.btn-text-#{$name},
-  .btn-file.btn-text-#{$name}
-    color: $color
-    text-shadow: $text-shadow
-    border-color: transparent
-
-  .btn.btn-text-#{$name}:hover,
-  .btn-file.btn-text-#{$name} input:hover ~ label
-    color: $hover-color
-    text-shadow: $hover-text-shadow
-
-  .btn.btn-text-#{$name}:active,
-  .btn.btn-text-#{$name}.btn-active,
-  .btn-file.btn-text-#{$name} input:active ~ label,
-  .btn-check.btn-text-#{$name} input:checked ~ label,
-  .btn-radio.btn-text-#{$name} input:checked ~ label,
-  .btn-check.btn-text-#{$name}.btn-active input ~ label,
-  .btn-radio.btn-text-#{$name}.btn-active input ~ label,
-  .btn-file.btn-text-#{$name}.btn-active input ~ label
-    color: $active-color
+=button-solid($name: null, $color: null, $hover-color: null, $active-color: null, $background: null, $hover-background: null, $active-background: null, $border-color: null, $hover-border-color: null, $active-border-color: null, $box-shadow: null, $hover-box-shadow: null, $active-box-shadow: null)
+
+  .btn.btn-#{$name},
+  .btn-check.btn-#{$name} label,
+  .btn-radio.btn-#{$name} label,
+  .btn-file.btn-#{$name} label
+    color: $color
+    background: $background
+    border-color: existing($border-color, transparent)
+    box-shadow: $box-shadow
+
+  .btn.btn-#{$name}:hover,
+  .btn-file.btn-#{$name} input:hover ~ label
+    color: $hover-color
+    background: $hover-background
+    border-color: $hover-border-color
+    box-shadow: $hover-box-shadow
+
+  .btn.btn-#{$name}:active,
+  .btn.btn-#{$name}.btn-active,
+  .btn-file.btn-#{$name} input:active ~ label,
+  .btn-check.btn-#{$name} input:checked ~ label,
+  .btn-radio.btn-#{$name} input:checked ~ label,
+  .btn-check.btn-#{$name}.btn-active input ~ label,
+  .btn-radio.btn-#{$name}.btn-active input ~ label,
+  .btn-file.btn-#{$name}.btn-active input ~ label
+    color: $active-color
+    background: $active-background
+    border-color: $active-border-color
+    box-shadow: $active-box-shadow
+
+
+
+=button-hollow($name: null, $color: null, $hover-color: null, $active-color: null, $hover-background: null, $active-background: null, $border-color: null, $hover-border-color: null, $active-border-color: null, $box-shadow: null, $hover-box-shadow: null, $active-box-shadow: null)
+
+  .btn.btn-hollow-#{$name},
+  .btn-check.btn-hollow-#{$name} label,
+  .btn-radio.btn-hollow-#{$name} label,
+  .btn-file.btn-hollow-#{$name} label
+    color: $color
+    border-color: existing($border-color, $color)
+    box-shadow: $box-shadow
+
+  .btn.btn-hollow-#{$name}:hover,
+  .btn-file.btn-hollow-#{$name} input:hover ~ label
+    color: $hover-color
+    background: $hover-background
+    border-color: $hover-border-color
+    box-shadow: $hover-box-shadow
+
+  .btn.btn-hollow-#{$name}:active,
+  .btn.btn-hollow-#{$name}.btn-active,
+  .btn-file.btn-hollow-#{$name} input:active ~ label,
+  .btn-check.btn-hollow-#{$name} input:checked ~ label,
+  .btn-radio.btn-hollow-#{$name} input:checked ~ label,
+  .btn-check.btn-hollow-#{$name}.btn-active input ~ label,
+  .btn-radio.btn-hollow-#{$name}.btn-active input ~ label,
+  .btn-file.btn-hollow-#{$name}.btn-active input ~ label
+    color: $active-color
+    background: $active-background
+    border-color: $active-border-color
+    box-shadow: $active-box-shadow
+
+
+
+=button-text($name: null, $color: null, $hover-color: null, $active-color: null, $text-shadow: null, $hover-text-shadow: null, $active-text-shadow: null)
+
+  .btn.btn-text-#{$name},
+  .btn-check.btn-text-#{$name},
+  .btn-radio.btn-text-#{$name},
+  .btn-file.btn-text-#{$name}
+    color: $color
+    text-shadow: $text-shadow
+    border-color: transparent
+
+  .btn.btn-text-#{$name}:hover,
+  .btn-file.btn-text-#{$name} input:hover ~ label
+    color: $hover-color
+    text-shadow: $hover-text-shadow
+
+  .btn.btn-text-#{$name}:active,
+  .btn.btn-text-#{$name}.btn-active,
+  .btn-file.btn-text-#{$name} input:active ~ label,
+  .btn-check.btn-text-#{$name} input:checked ~ label,
+  .btn-radio.btn-text-#{$name} input:checked ~ label,
+  .btn-check.btn-text-#{$name}.btn-active input ~ label,
+  .btn-radio.btn-text-#{$name}.btn-active input ~ label,
+  .btn-file.btn-text-#{$name}.btn-active input ~ label
+    color: $active-color
     text-shadow: $active-text-shadow