luda 0.1.5

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

@@ -0,0 +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]
+    opacity: 1

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

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

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

@@ -0,0 +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
+    user-select: none

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

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

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

@@ -0,0 +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
+    color: $alert-content-color 

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

@@ -0,0 +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
+    font-size: typo-size($avatar-small-description-typography-size-level)

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

@@ -0,0 +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
+    text-decoration: $typography-link-active-text-decoration

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

@@ -0,0 +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)
+      text-align: left

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

@@ -0,0 +1,46 @@
++install(shared-collection-button-icon)
+
+  [class*=btn-].btn-ico
+    width: 0
+
+  [class*=btn-]:not([class*=btn-text]).btn-ico .ico,
+  [class*=btn-]:not([class*=btn-text]).btn-ico-left .ico,
+  [class*=btn-]:not([class*=btn-text]).btn-ico-right .ico,
+  [class*=btn-]:not([class*=btn-text]).btn-ico-top .ico
+    font-size: $button-icon-size-em
+
+
+
+  [class*=btn-].btn-ico-left .ico
+    order: -1
+    margin: $button-icon-left-margin-em
+
+
+
+  [class*=btn-].btn-ico-right .ico
+    order: 1
+    margin: $button-icon-right-margin-em
+
+
+
+  .btn.btn-ico-top,
+  .btn-check.btn-ico-top label,
+  .btn-radio.btn-ico-top label,
+  .btn-file.btn-ico-top label
+    flex-direction: column
+
+  [class*=btn-].btn-ico-top
+    height: $button-icon-top-height-rem
+
+  [class*=btn-].btn-ico-top .ico
+    order: -1
+    margin: $button-icon-top-margin-em
+    font-size: $button-icon-top-size-em
+
+
+
+  .btn-large[class*=btn-].btn-ico-top
+    height: $button-large-icon-top-height-rem
+
+  .btn-small[class*=btn-].btn-ico-top
+    height: $button-small-icon-top-height-rem

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

@@ -0,0 +1,132 @@
++install(shared-collection-carousel)
+
+  .carousel
+    display: block
+    width: 100%
+    background: $carousel-background
+
+  .carousel-box
+    position: relative
+    padding-top: 100% / $carousel-aspect-ratio
+    overflow: hidden
+
+  .carousel-prev,
+  .carousel-next
+    display: none
+
+  .carousel-indicators
+    display: flex
+    position: absolute
+    top: $carousel-control-indicators-top-rem
+    right: $carousel-control-indicators-right-rem
+    z-index: $z-index-higher
+    justify-content: center
+
+  .carousel-indicators .btn
+    height: $carousel-control-indicator-height-rem
+    font-size: 0
+    opacity: $carousel-control-disabled-opacity
+    outline-offset: $carousel-indicator-outline-offset-px
+    transition: opacity $carousel-control-opacity-transition-duration $carousel-control-opacity-transition-timing-function
+
+  .carousel-indicators.btns-x.btns-margin .btn:last-child
+    margin-right: 0
+
+  .carousel-indicators .btn[disabled]
+    opacity: $carousel-control-opacity
+
+  .carousel-item,
+  .carousel-figure
+    display: block
+    position: absolute
+    top: 0
+    left: 0
+    width: 100%
+    height: 100%
+    object-fit: cover
+    object-position: center
+    background-position: center
+    background-size: cover
+
+  .carousel-description
+    position: absolute
+    right: 0
+    bottom: 0
+    left: 0
+    z-index: $z-index-high
+    max-height: 100%
+    padding: $carousel-description-padding-rem
+    overflow: auto
+    -webkit-overflow-scrolling: touch
+    color: $carousel-description-color
+    background: $carousel-description-background
+
+
+  +media-width($carousel-width-breakpoint)
+    .carousel-prev,
+    .carousel-next
+      display: inline-flex
+      position: absolute
+      top: 0
+      bottom: 0
+      z-index: $z-index-higher
+      margin: auto
+      opacity: 0
+      transition: opacity $carousel-control-opacity-transition-duration $carousel-control-opacity-transition-timing-function
+
+    .carousel-prev.btn-text-light,
+    .carousel-next.btn-text-light
+      color: $color-light
+
+    .carousel-box:hover > .carousel-prev,
+    .carousel-box:hover > .carousel-next,
+    .carousel-prev.focus,
+    .carousel-next.focus
+      opacity: $carousel-control-opacity
+
+    .carousel-box:hover > .carousel-prev[disabled],
+    .carousel-box:hover > .carousel-next[disabled],
+    .carousel-prev.focus[disabled],
+    .carousel-next.focus[disabled]
+      opacity: $carousel-control-disabled-opacity
+
+    .carousel-prev
+      left: $carousel-breakpoint-control-prev-left-rem
+
+    .carousel-next
+      right: $carousel-breakpoint-control-next-right-rem
+
+    .carousel-indicators
+      top: $carousel-breakpoint-control-indicators-top-rem
+      right: $carousel-breakpoint-control-indicators-right-rem
+
+    .carousel-description
+      padding: $carousel-breakpoint-description-padding-rem
+
+
+
+  .carousel-item.carousel-item-active
+    z-index: $z-index-high
+
+
+
+  .carousel:not([class*=carousel-ani-]) .carousel-item
+    transform: translate3d(0, 0, 0)
+    transition: transform $carousel-transition-duration $carousel-transition-timing-function
+
+  .carousel:not([class*=carousel-ani-]) .carousel-item.carousel-item-next
+    transform: translate3d(100%, 0, 0)
+
+  .carousel:not([class*=carousel-ani-]) .carousel-item.carousel-item-prev
+    transform: translate3d(-100%, 0, 0)
+
+
+
+  .carousel.carousel-ani-opacity .carousel-item
+    opacity: 1
+    transform: translate3d(0, 0, 0)
+    transition: opacity $carousel-ani-opacity-transition-duration $carousel-ani-opacity-transition-timing-function
+
+  .carousel.carousel-ani-opacity .carousel-item.carousel-item-prev,
+  .carousel.carousel-ani-opacity .carousel-item.carousel-item-next
+    opacity: 0