luda 0.1.5 → 0.1.6

data/assets/stylesheets/luda/_core/behaviours/_disabled.sass

@@ -1,12 +1,12 @@
-+install(shared-behaviour-disabled)
-
-  [disabled]
-    pointer-events: none
-    -webkit-user-select: none
-    -moz-user-select: none
-    -ms-user-select: none
-    user-select: none
-    opacity: $opacity-disabled
-
-  [disabled] [disabled]
++install(shared-behaviour-disabled)
+
+  [disabled]
+    pointer-events: none
+    -webkit-user-select: none
+    -moz-user-select: none
+    -ms-user-select: none
+    user-select: none
+    opacity: $opacity-disabled
+
+  [disabled] [disabled]
     opacity: 1

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

@@ -1,7 +1,7 @@
-+install(shared-behaviour-focus)
-
-  \:focus
-    outline: none
-
-  .focus
++install(shared-behaviour-focus)
+
+  \:focus
+    outline: none
+
+  .focus
     +_focus

data/assets/stylesheets/luda/_core/behaviours/_readonly.sass

@@ -1,16 +1,16 @@
-+install(shared-behaviour-readonly)
-
-  [readonly]
-    cursor: default
-    -webkit-user-select: none
-    -moz-user-select: none
-    -ms-user-select: none
-    user-select: none
-
-  [data-readonly]
-    cursor: default
-    pointer-events: none
-    -webkit-user-select: none
-    -moz-user-select: none
-    -ms-user-select: none
++install(shared-behaviour-readonly)
+
+  [readonly]
+    cursor: default
+    -webkit-user-select: none
+    -moz-user-select: none
+    -ms-user-select: none
+    user-select: none
+
+  [data-readonly]
+    cursor: default
+    pointer-events: none
+    -webkit-user-select: none
+    -moz-user-select: none
+    -ms-user-select: none
     user-select: none

data/assets/stylesheets/luda/_core/behaviours/_toggle.sass

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

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

@@ -1,24 +1,24 @@
-+install(shared-collection-alert)
-
-  .alert
-    display: flex
-    align-items: center
-    justify-content: space-between
-    padding: $alert-padding-rem
-    overflow: hidden
-    background: $alert-background
-    border-radius: $alert-border-radius
-    box-shadow: $alert-box-shadow
-
-  .alert-action
-    flex: 0 0 auto
-    order: 1
-    margin-left: $alert-action-margin-left-rem
-
-  .alert-title
-    padding: 0
-    color: $alert-title-color
-
-  .alert-content
-    padding: 0
++install(shared-collection-alert)
+
+  .alert
+    display: flex
+    align-items: center
+    justify-content: space-between
+    padding: $alert-padding-rem
+    overflow: hidden
+    background: $alert-background
+    border-radius: $alert-border-radius
+    box-shadow: $alert-box-shadow
+
+  .alert-action
+    flex: 0 0 auto
+    order: 1
+    margin-left: $alert-action-margin-left-rem
+
+  .alert-title
+    padding: 0
+    color: $alert-title-color
+
+  .alert-content
+    padding: 0
     color: $alert-content-color 

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

@@ -1,117 +1,117 @@
-+install(shared-collection-avatar)
-
-  .avatar-x .media-content,
-  .avatar-y .media-content
-    width: $avatar-image-size-rem
-    height: $avatar-image-size-rem
-    padding: 0
-    background-image: if($avatar-default-image, url($avatar-default-image), null)
-    background-size: $avatar-default-image-background-size
-    border-radius: $avatar-image-border-radius
-
-  .avatar-x .media-description,
-  .avatar-y .media-description
-    height: $avatar-media-description-height-rem
-
-  .avatar-name,
-  .avatar-description
-    padding: 0
-    line-height: $avatar-media-description-height-rem / 2 - $avatar-media-description-padding-top-rem / 2
-    white-space: nowrap
-
-  .avatar-name
-    font-size: typo-size($avatar-name-typography-size-level)
-    color: $avatar-name-color
-
-  .avatar-description
-    font-size: typo-size($avatar-description-typography-size-level)
-    color: $avatar-description-color
-
-
-
-  .avatar-x.media
-    display: inline-flex
-    align-items: center
-
-  .avatar-x.media.media-center
-    display: flex
-
-  .avatar-x .media-content
-    flex: 0 0 auto
-    margin: 0
-
-  .avatar-x .media-description
-    display: flex
-    flex: 0 0 auto
-    flex-direction: column
-    justify-content: center
-    min-width: 0
-    padding-left: $avatar-media-description-padding-left-rem
-    text-align: left
-
-
-
-  .avatar-y .media-description
-    padding-top: $avatar-media-description-padding-top-rem
-
-
-
-  .avatar-large.avatar-x .media-content,
-  .avatar-large.avatar-y .media-content
-    width: $avatar-large-image-size-rem
-    height: $avatar-large-image-size-rem
-
-  .avatar-large.avatar-x .media-description,
-  .avatar-large.avatar-y .media-description
-    height: $avatar-large-media-description-height-rem
-
-  .avatar-large.avatar-y .media-description
-    padding-top: $avatar-large-media-description-padding-top-rem
-
-  .avatar-large.avatar-x .media-description
-    padding-left: $avatar-large-media-description-padding-left-rem
-
-  .avatar-large .avatar-name,
-  .avatar-large .avatar-description
-    $line-height-changed: $avatar-large-media-description-height-rem or $avatar-large-media-description-padding-top-rem
-    $description-height-rem: existing($avatar-large-media-description-height-rem, $avatar-media-description-height-rem)
-    $description-padding-top-rem: existing($avatar-large-media-description-padding-top-rem, $avatar-media-description-padding-top-rem)
-    $line-height: if($line-height-changed, $description-height-rem / 2 -  $description-padding-top-rem / 2, null)
-    line-height: $line-height
-
-  .avatar-large .avatar-name
-    font-size: typo-size($avatar-large-name-typography-size-level)
-
-  .avatar-large .avatar-description
-    font-size: typo-size($avatar-large-description-typography-size-level)
-
-
-
-  .avatar-small.avatar-x .media-content,
-  .avatar-small.avatar-y .media-content
-    width: $avatar-small-image-size-rem
-    height: $avatar-small-image-size-rem
-
-  .avatar-small.avatar-x .media-description,
-  .avatar-small.avatar-y .media-description
-    height: $avatar-small-media-description-height-rem
-
-  .avatar-small.avatar-y .media-description
-    padding-top: $avatar-small-media-description-padding-top-rem
-
-  .avatar-small.avatar-x .media-description
-    padding-left: $avatar-small-media-description-padding-left-rem
-
-  .avatar-small .avatar-name,
-  .avatar-small .avatar-description
-    $line-height-changed: $avatar-small-media-description-height-rem or $avatar-small-media-description-padding-top-rem
-    $description-height-rem: existing($avatar-small-media-description-height-rem, $avatar-media-description-height-rem)
-    $description-padding-top-rem: existing($avatar-small-media-description-padding-top-rem, $avatar-media-description-padding-top-rem)
-    $line-height: if($line-height-changed, $description-height-rem / 2 -  $description-padding-top-rem / 2, null)
-    line-height: $line-height
-
-  .avatar-small .avatar-name
-    font-size: typo-size($avatar-small-name-typography-size-level)
-
-  .avatar-small .avatar-description
++install(shared-collection-avatar)
+
+  .avatar-x .media-content,
+  .avatar-y .media-content
+    width: $avatar-image-size-rem
+    height: $avatar-image-size-rem
+    padding: 0
+    background-image: if($avatar-default-image, url($avatar-default-image), null)
+    background-size: $avatar-default-image-background-size
+    border-radius: $avatar-image-border-radius
+
+  .avatar-x .media-description,
+  .avatar-y .media-description
+    height: $avatar-media-description-height-rem
+
+  .avatar-name,
+  .avatar-description
+    padding: 0
+    line-height: $avatar-media-description-height-rem / 2 - $avatar-media-description-padding-top-rem / 2
+    white-space: nowrap
+
+  .avatar-name
+    font-size: typo-size($avatar-name-typography-size-level)
+    color: $avatar-name-color
+
+  .avatar-description
+    font-size: typo-size($avatar-description-typography-size-level)
+    color: $avatar-description-color
+
+
+
+  .avatar-x.media
+    display: inline-flex
+    align-items: center
+
+  .avatar-x.media.media-center
+    display: flex
+
+  .avatar-x .media-content
+    flex: 0 0 auto
+    margin: 0
+
+  .avatar-x .media-description
+    display: flex
+    flex: 0 0 auto
+    flex-direction: column
+    justify-content: center
+    min-width: 0
+    padding-left: $avatar-media-description-padding-left-rem
+    text-align: left
+
+
+
+  .avatar-y .media-description
+    padding-top: $avatar-media-description-padding-top-rem
+
+
+
+  .avatar-large.avatar-x .media-content,
+  .avatar-large.avatar-y .media-content
+    width: $avatar-large-image-size-rem
+    height: $avatar-large-image-size-rem
+
+  .avatar-large.avatar-x .media-description,
+  .avatar-large.avatar-y .media-description
+    height: $avatar-large-media-description-height-rem
+
+  .avatar-large.avatar-y .media-description
+    padding-top: $avatar-large-media-description-padding-top-rem
+
+  .avatar-large.avatar-x .media-description
+    padding-left: $avatar-large-media-description-padding-left-rem
+
+  .avatar-large .avatar-name,
+  .avatar-large .avatar-description
+    $line-height-changed: $avatar-large-media-description-height-rem or $avatar-large-media-description-padding-top-rem
+    $description-height-rem: existing($avatar-large-media-description-height-rem, $avatar-media-description-height-rem)
+    $description-padding-top-rem: existing($avatar-large-media-description-padding-top-rem, $avatar-media-description-padding-top-rem)
+    $line-height: if($line-height-changed, $description-height-rem / 2 -  $description-padding-top-rem / 2, null)
+    line-height: $line-height
+
+  .avatar-large .avatar-name
+    font-size: typo-size($avatar-large-name-typography-size-level)
+
+  .avatar-large .avatar-description
+    font-size: typo-size($avatar-large-description-typography-size-level)
+
+
+
+  .avatar-small.avatar-x .media-content,
+  .avatar-small.avatar-y .media-content
+    width: $avatar-small-image-size-rem
+    height: $avatar-small-image-size-rem
+
+  .avatar-small.avatar-x .media-description,
+  .avatar-small.avatar-y .media-description
+    height: $avatar-small-media-description-height-rem
+
+  .avatar-small.avatar-y .media-description
+    padding-top: $avatar-small-media-description-padding-top-rem
+
+  .avatar-small.avatar-x .media-description
+    padding-left: $avatar-small-media-description-padding-left-rem
+
+  .avatar-small .avatar-name,
+  .avatar-small .avatar-description
+    $line-height-changed: $avatar-small-media-description-height-rem or $avatar-small-media-description-padding-top-rem
+    $description-height-rem: existing($avatar-small-media-description-height-rem, $avatar-media-description-height-rem)
+    $description-padding-top-rem: existing($avatar-small-media-description-padding-top-rem, $avatar-media-description-padding-top-rem)
+    $line-height: if($line-height-changed, $description-height-rem / 2 -  $description-padding-top-rem / 2, null)
+    line-height: $line-height
+
+  .avatar-small .avatar-name
+    font-size: typo-size($avatar-small-name-typography-size-level)
+
+  .avatar-small .avatar-description
     font-size: typo-size($avatar-small-description-typography-size-level)

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

@@ -1,21 +1,21 @@
-+install(shared-collection-breadcrumb)
-
-  .breadcrumb
-    display: flex
-    flex-wrap: wrap
-    list-style: none
-    padding: $breadcrumb-padding-rem
-    color: $breadcrumb-color
-
-  .breadcrumb li:not(:first-child)::before
-    padding: $breadcrumb-children-padding-em
-    content: $breadcrumb-children-spliter
-
-  .breadcrumb a
-    text-decoration: none
-
-  .breadcrumb a:hover
-    text-decoration: existing($typography-link-hover-text-decoration, $typography-link-text-decoration)
-
-  .breadcrumb a:active
++install(shared-collection-breadcrumb)
+
+  .breadcrumb
+    display: flex
+    flex-wrap: wrap
+    list-style: none
+    padding: $breadcrumb-padding-rem
+    color: $breadcrumb-color
+
+  .breadcrumb li:not(:first-child)::before
+    padding: $breadcrumb-children-padding-em
+    content: $breadcrumb-children-spliter
+
+  .breadcrumb a
+    text-decoration: none
+
+  .breadcrumb a:hover
+    text-decoration: existing($typography-link-hover-text-decoration, $typography-link-text-decoration)
+
+  .breadcrumb a:active
     text-decoration: $typography-link-active-text-decoration

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

@@ -1,67 +1,67 @@
-+install(shared-collection-button-group)
-
-  .btns-x,
-  .btns-y
-    display: inline-flex
-    vertical-align: top
-    max-width: 100%
-    max-height: 100%
-
-  .btns-x.btns-fluid,
-  .btns-y.btns-fluid
-    display: flex
-    width: 100%
-
-  .btns-x.btns-margin,
-  .btns-y.btns-margin
-    flex-wrap: wrap
-
-  .btns-x.btns-margin [class*=btn-],
-  .btns-y.btns-margin [class*=btn-]
-    margin: $button-group-children-margin-rem
-
-
-
-  .btns-x:not(.btns-margin) .btn:not(:first-child),
-  .btns-x:not(.btns-margin) [class*=btn-]:not(:first-child) label
-    border-left: none
-    border-top-left-radius: 0
-    border-bottom-left-radius: 0
-
-  .btns-x:not(.btns-margin) .btn:not(:last-child),
-  .btns-x:not(.btns-margin) [class*=btn-]:not(:last-child) label
-    border-right: none
-    border-top-right-radius: 0
-    border-bottom-right-radius: 0
-
-  .btns-x:not(.btns-margin).btns-fluid [class*=btn-]
-    flex: 1 1 auto
-
-
-
-  .btns-y
-    flex-direction: column
-
-  .btns-y:not(.btns-margin) .btn:not(:first-child),
-  .btns-y:not(.btns-margin) [class*=btn-]:not(:first-child) label
-    border-top: none
-    border-top-right-radius: 0
-    border-top-left-radius: 0
-
-  .btns-y:not(.btns-margin) .btn:not(:last-child),
-  .btns-y:not(.btns-margin) [class*=btn-]:not(:last-child) label
-    border-bottom: none
-    border-bottom-right-radius: 0
-    border-bottom-left-radius: 0
-
-  .btns-y .btn:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right),
-  .btns-y [class*=btn-]:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right) label
-    justify-content: flex-start
-
-  .btns-y .btn.btn-ico-right,
-  .btns-y [class*=btn-].btn-ico-right label
-    justify-content: space-between
-
-  +browser-edge
-    .btns-y input.btn:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right)
++install(shared-collection-button-group)
+
+  .btns-x,
+  .btns-y
+    display: inline-flex
+    vertical-align: top
+    max-width: 100%
+    max-height: 100%
+
+  .btns-x.btns-fluid,
+  .btns-y.btns-fluid
+    display: flex
+    width: 100%
+
+  .btns-x.btns-margin,
+  .btns-y.btns-margin
+    flex-wrap: wrap
+
+  .btns-x.btns-margin [class*=btn-],
+  .btns-y.btns-margin [class*=btn-]
+    margin: $button-group-children-margin-rem
+
+
+
+  .btns-x:not(.btns-margin) .btn:not(:first-child),
+  .btns-x:not(.btns-margin) [class*=btn-]:not(:first-child) label
+    border-left: none
+    border-top-left-radius: 0
+    border-bottom-left-radius: 0
+
+  .btns-x:not(.btns-margin) .btn:not(:last-child),
+  .btns-x:not(.btns-margin) [class*=btn-]:not(:last-child) label
+    border-right: none
+    border-top-right-radius: 0
+    border-bottom-right-radius: 0
+
+  .btns-x:not(.btns-margin).btns-fluid [class*=btn-]
+    flex: 1 1 auto
+
+
+
+  .btns-y
+    flex-direction: column
+
+  .btns-y:not(.btns-margin) .btn:not(:first-child),
+  .btns-y:not(.btns-margin) [class*=btn-]:not(:first-child) label
+    border-top: none
+    border-top-right-radius: 0
+    border-top-left-radius: 0
+
+  .btns-y:not(.btns-margin) .btn:not(:last-child),
+  .btns-y:not(.btns-margin) [class*=btn-]:not(:last-child) label
+    border-bottom: none
+    border-bottom-right-radius: 0
+    border-bottom-left-radius: 0
+
+  .btns-y .btn:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right),
+  .btns-y [class*=btn-]:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right) label
+    justify-content: flex-start
+
+  .btns-y .btn.btn-ico-right,
+  .btns-y [class*=btn-].btn-ico-right label
+    justify-content: space-between
+
+  +browser-edge
+    .btns-y input.btn:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right)
       text-align: left