bulma-rails 0.9.4 → 1.0.0

data/app/assets/stylesheets/sass/components/pagination.sass

@@ -1,167 +0,0 @@
-@import "../utilities/controls"
-@import "../utilities/mixins"
-
-$pagination-color: $text-strong !default
-$pagination-border-color: $border !default
-$pagination-margin: -0.25rem !default
-$pagination-min-width: $control-height !default
-
-$pagination-item-font-size: 1em !default
-$pagination-item-margin: 0.25rem !default
-$pagination-item-padding-left: 0.5em !default
-$pagination-item-padding-right: 0.5em !default
-
-$pagination-nav-padding-left: 0.75em !default
-$pagination-nav-padding-right: 0.75em !default
-
-$pagination-hover-color: $link-hover !default
-$pagination-hover-border-color: $link-hover-border !default
-
-$pagination-focus-color: $link-focus !default
-$pagination-focus-border-color: $link-focus-border !default
-
-$pagination-active-color: $link-active !default
-$pagination-active-border-color: $link-active-border !default
-
-$pagination-disabled-color: $text-light !default
-$pagination-disabled-background-color: $border !default
-$pagination-disabled-border-color: $border !default
-
-$pagination-current-color: $link-invert !default
-$pagination-current-background-color: $link !default
-$pagination-current-border-color: $link !default
-
-$pagination-ellipsis-color: $grey-light !default
-
-$pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2) !default
-
-.pagination
-  @extend %block
-  font-size: $size-normal
-  margin: $pagination-margin
-  // Sizes
-  &.is-small
-    font-size: $size-small
-  &.is-medium
-    font-size: $size-medium
-  &.is-large
-    font-size: $size-large
-  &.is-rounded
-    .pagination-previous,
-    .pagination-next
-      padding-left: 1em
-      padding-right: 1em
-      border-radius: $radius-rounded
-    .pagination-link
-      border-radius: $radius-rounded
-
-.pagination,
-.pagination-list
-  align-items: center
-  display: flex
-  justify-content: center
-  text-align: center
-
-.pagination-previous,
-.pagination-next,
-.pagination-link,
-.pagination-ellipsis
-  @extend %control
-  @extend %unselectable
-  font-size: $pagination-item-font-size
-  justify-content: center
-  margin: $pagination-item-margin
-  padding-left: $pagination-item-padding-left
-  padding-right: $pagination-item-padding-right
-  text-align: center
-
-.pagination-previous,
-.pagination-next,
-.pagination-link
-  border-color: $pagination-border-color
-  color: $pagination-color
-  min-width: $pagination-min-width
-  &:hover
-    border-color: $pagination-hover-border-color
-    color: $pagination-hover-color
-  &:focus
-    border-color: $pagination-focus-border-color
-  &:active
-    box-shadow: $pagination-shadow-inset
-  &[disabled],
-  &.is-disabled
-    background-color: $pagination-disabled-background-color
-    border-color: $pagination-disabled-border-color
-    box-shadow: none
-    color: $pagination-disabled-color
-    opacity: 0.5
-
-.pagination-previous,
-.pagination-next
-  padding-left: $pagination-nav-padding-left
-  padding-right: $pagination-nav-padding-right
-  white-space: nowrap
-
-.pagination-link
-  &.is-current
-    background-color: $pagination-current-background-color
-    border-color: $pagination-current-border-color
-    color: $pagination-current-color
-
-.pagination-ellipsis
-  color: $pagination-ellipsis-color
-  pointer-events: none
-
-.pagination-list
-  flex-wrap: wrap
-  li
-    list-style: none
-
-+mobile
-  .pagination
-    flex-wrap: wrap
-  .pagination-previous,
-  .pagination-next
-    flex-grow: 1
-    flex-shrink: 1
-  .pagination-list
-    li
-      flex-grow: 1
-      flex-shrink: 1
-
-+tablet
-  .pagination-list
-    flex-grow: 1
-    flex-shrink: 1
-    justify-content: flex-start
-    order: 1
-  .pagination-previous,
-  .pagination-next,
-  .pagination-link,
-  .pagination-ellipsis
-    margin-bottom: 0
-    margin-top: 0
-  .pagination-previous
-    order: 2
-  .pagination-next
-    order: 3
-  .pagination
-    justify-content: space-between
-    margin-bottom: 0
-    margin-top: 0
-    &.is-centered
-      .pagination-previous
-        order: 1
-      .pagination-list
-        justify-content: center
-        order: 2
-      .pagination-next
-        order: 3
-    &.is-right
-      .pagination-previous
-        order: 1
-      .pagination-next
-        order: 2
-      .pagination-list
-        justify-content: flex-end
-        order: 3

data/app/assets/stylesheets/sass/components/panel.sass

@@ -1,121 +0,0 @@
-@import "../utilities/mixins"
-
-$panel-margin: $block-spacing !default
-$panel-item-border: 1px solid $border-light !default
-$panel-radius: $radius-large !default
-$panel-shadow: $shadow !default
-
-$panel-heading-background-color: $border-light !default
-$panel-heading-color: $text-strong !default
-$panel-heading-line-height: 1.25 !default
-$panel-heading-padding: 0.75em 1em !default
-$panel-heading-radius: $radius !default
-$panel-heading-size: 1.25em !default
-$panel-heading-weight: $weight-bold !default
-
-$panel-tabs-font-size: 0.875em !default
-$panel-tab-border-bottom: 1px solid $border !default
-$panel-tab-active-border-bottom-color: $link-active-border !default
-$panel-tab-active-color: $link-active !default
-
-$panel-list-item-color: $text !default
-$panel-list-item-hover-color: $link !default
-
-$panel-block-color: $text-strong !default
-$panel-block-hover-background-color: $background !default
-$panel-block-active-border-left-color: $link !default
-$panel-block-active-color: $link-active !default
-$panel-block-active-icon-color: $link !default
-
-$panel-icon-color: $text-light !default
-$panel-colors: $colors !default
-
-.panel
-  border-radius: $panel-radius
-  box-shadow: $panel-shadow
-  font-size: $size-normal
-  &:not(:last-child)
-    margin-bottom: $panel-margin
-  // Colors
-  @each $name, $components in $panel-colors
-    $color: nth($components, 1)
-    $color-invert: nth($components, 2)
-    &.is-#{$name}
-      .panel-heading
-        background-color: $color
-        color: $color-invert
-      .panel-tabs a.is-active
-        border-bottom-color: $color
-      .panel-block.is-active .panel-icon
-        color: $color
-
-.panel-tabs,
-.panel-block
-  &:not(:last-child)
-    border-bottom: $panel-item-border
-
-.panel-heading
-  background-color: $panel-heading-background-color
-  border-radius: $panel-radius $panel-radius 0 0
-  color: $panel-heading-color
-  font-size: $panel-heading-size
-  font-weight: $panel-heading-weight
-  line-height: $panel-heading-line-height
-  padding: $panel-heading-padding
-
-.panel-tabs
-  align-items: flex-end
-  display: flex
-  font-size: $panel-tabs-font-size
-  justify-content: center
-  a
-    border-bottom: $panel-tab-border-bottom
-    margin-bottom: -1px
-    padding: 0.5em
-    // Modifiers
-    &.is-active
-      border-bottom-color: $panel-tab-active-border-bottom-color
-      color: $panel-tab-active-color
-
-.panel-list
-  a
-    color: $panel-list-item-color
-    &:hover
-      color: $panel-list-item-hover-color
-
-.panel-block
-  align-items: center
-  color: $panel-block-color
-  display: flex
-  justify-content: flex-start
-  padding: 0.5em 0.75em
-  input[type="checkbox"]
-    +ltr-property("margin", 0.75em)
-  & > .control
-    flex-grow: 1
-    flex-shrink: 1
-    width: 100%
-  &.is-wrapped
-    flex-wrap: wrap
-  &.is-active
-    border-left-color: $panel-block-active-border-left-color
-    color: $panel-block-active-color
-    .panel-icon
-      color: $panel-block-active-icon-color
-  &:last-child
-    border-bottom-left-radius: $panel-radius
-    border-bottom-right-radius: $panel-radius
-
-a.panel-block,
-label.panel-block
-  cursor: pointer
-  &:hover
-    background-color: $panel-block-hover-background-color
-
-.panel-icon
-  +fa(14px, 1em)
-  color: $panel-icon-color
-  +ltr-property("margin", 0.75em)
-  .fa
-    font-size: inherit
-    line-height: inherit

data/app/assets/stylesheets/sass/components/tabs.sass

@@ -1,176 +0,0 @@
-@import "../utilities/mixins"
-
-$tabs-border-bottom-color: $border !default
-$tabs-border-bottom-style: solid !default
-$tabs-border-bottom-width: 1px !default
-$tabs-link-color: $text !default
-$tabs-link-hover-border-bottom-color: $text-strong !default
-$tabs-link-hover-color: $text-strong !default
-$tabs-link-active-border-bottom-color: $link !default
-$tabs-link-active-color: $link !default
-$tabs-link-padding: 0.5em 1em !default
-
-$tabs-boxed-link-radius: $radius !default
-$tabs-boxed-link-hover-background-color: $background !default
-$tabs-boxed-link-hover-border-bottom-color: $border !default
-
-$tabs-boxed-link-active-background-color: $scheme-main !default
-$tabs-boxed-link-active-border-color: $border !default
-$tabs-boxed-link-active-border-bottom-color: transparent !default
-
-$tabs-toggle-link-border-color: $border !default
-$tabs-toggle-link-border-style: solid !default
-$tabs-toggle-link-border-width: 1px !default
-$tabs-toggle-link-hover-background-color: $background !default
-$tabs-toggle-link-hover-border-color: $border-hover !default
-$tabs-toggle-link-radius: $radius !default
-$tabs-toggle-link-active-background-color: $link !default
-$tabs-toggle-link-active-border-color: $link !default
-$tabs-toggle-link-active-color: $link-invert !default
-
-.tabs
-  @extend %block
-  +overflow-touch
-  @extend %unselectable
-  align-items: stretch
-  display: flex
-  font-size: $size-normal
-  justify-content: space-between
-  overflow: hidden
-  overflow-x: auto
-  white-space: nowrap
-  a
-    align-items: center
-    border-bottom-color: $tabs-border-bottom-color
-    border-bottom-style: $tabs-border-bottom-style
-    border-bottom-width: $tabs-border-bottom-width
-    color: $tabs-link-color
-    display: flex
-    justify-content: center
-    margin-bottom: -#{$tabs-border-bottom-width}
-    padding: $tabs-link-padding
-    vertical-align: top
-    &:hover
-      border-bottom-color: $tabs-link-hover-border-bottom-color
-      color: $tabs-link-hover-color
-  li
-    display: block
-    &.is-active
-      a
-        border-bottom-color: $tabs-link-active-border-bottom-color
-        color: $tabs-link-active-color
-  ul
-    align-items: center
-    border-bottom-color: $tabs-border-bottom-color
-    border-bottom-style: $tabs-border-bottom-style
-    border-bottom-width: $tabs-border-bottom-width
-    display: flex
-    flex-grow: 1
-    flex-shrink: 0
-    justify-content: flex-start
-    &.is-left
-      padding-right: 0.75em
-    &.is-center
-      flex: none
-      justify-content: center
-      padding-left: 0.75em
-      padding-right: 0.75em
-    &.is-right
-      justify-content: flex-end
-      padding-left: 0.75em
-  .icon
-    &:first-child
-      +ltr-property("margin", 0.5em)
-    &:last-child
-      +ltr-property("margin", 0.5em, false)
-  // Alignment
-  &.is-centered
-    ul
-      justify-content: center
-  &.is-right
-    ul
-      justify-content: flex-end
-  // Styles
-  &.is-boxed
-    a
-      border: 1px solid transparent
-      +ltr
-        border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0
-      +rtl
-        border-radius: 0 0 $tabs-boxed-link-radius $tabs-boxed-link-radius
-      &:hover
-        background-color: $tabs-boxed-link-hover-background-color
-        border-bottom-color: $tabs-boxed-link-hover-border-bottom-color
-    li
-      &.is-active
-        a
-          background-color: $tabs-boxed-link-active-background-color
-          border-color: $tabs-boxed-link-active-border-color
-          border-bottom-color: $tabs-boxed-link-active-border-bottom-color !important
-  &.is-fullwidth
-    li
-      flex-grow: 1
-      flex-shrink: 0
-  &.is-toggle
-    a
-      border-color: $tabs-toggle-link-border-color
-      border-style: $tabs-toggle-link-border-style
-      border-width: $tabs-toggle-link-border-width
-      margin-bottom: 0
-      position: relative
-      &:hover
-        background-color: $tabs-toggle-link-hover-background-color
-        border-color: $tabs-toggle-link-hover-border-color
-        z-index: 2
-    li
-      & + li
-        +ltr-property("margin", -#{$tabs-toggle-link-border-width}, false)
-      &:first-child a
-        +ltr
-          border-top-left-radius: $tabs-toggle-link-radius
-          border-bottom-left-radius: $tabs-toggle-link-radius
-        +rtl
-          border-top-right-radius: $tabs-toggle-link-radius
-          border-bottom-right-radius: $tabs-toggle-link-radius
-      &:last-child a
-        +ltr
-          border-top-right-radius: $tabs-toggle-link-radius
-          border-bottom-right-radius: $tabs-toggle-link-radius
-        +rtl
-          border-top-left-radius: $tabs-toggle-link-radius
-          border-bottom-left-radius: $tabs-toggle-link-radius
-      &.is-active
-        a
-          background-color: $tabs-toggle-link-active-background-color
-          border-color: $tabs-toggle-link-active-border-color
-          color: $tabs-toggle-link-active-color
-          z-index: 1
-    ul
-      border-bottom: none
-    &.is-toggle-rounded
-      li
-        &:first-child a
-          +ltr
-            border-bottom-left-radius: $radius-rounded
-            border-top-left-radius: $radius-rounded
-            padding-left: 1.25em
-          +rtl
-            border-bottom-right-radius: $radius-rounded
-            border-top-right-radius: $radius-rounded
-            padding-right: 1.25em
-        &:last-child a
-          +ltr
-            border-bottom-right-radius: $radius-rounded
-            border-top-right-radius: $radius-rounded
-            padding-right: 1.25em
-          +rtl
-            border-bottom-left-radius: $radius-rounded
-            border-top-left-radius: $radius-rounded
-            padding-left: 1.25em
-  // Sizes
-  &.is-small
-    font-size: $size-small
-  &.is-medium
-    font-size: $size-medium
-  &.is-large
-    font-size: $size-large

data/app/assets/stylesheets/sass/elements/_all.sass

@@ -1,16 +0,0 @@
-/* Bulma Elements */
-@charset "utf-8"
-
-@import "box"
-@import "button"
-@import "container"
-@import "content"
-@import "icon"
-@import "image"
-@import "notification"
-@import "progress"
-@import "table"
-@import "tag"
-@import "title"
-
-@import "other"

data/app/assets/stylesheets/sass/elements/box.sass

@@ -1,26 +0,0 @@
-@import "../utilities/mixins"
-
-$box-color: $text !default
-$box-background-color: $scheme-main !default
-$box-radius: $radius-large !default
-$box-shadow: $shadow !default
-$box-padding: 1.25rem !default
-
-$box-link-hover-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1px $link !default
-$box-link-active-shadow: inset 0 1px 2px rgba($scheme-invert, 0.2), 0 0 0 1px $link !default
-
-.box
-  @extend %block
-  background-color: $box-background-color
-  border-radius: $box-radius
-  box-shadow: $box-shadow
-  color: $box-color
-  display: block
-  padding: $box-padding
-
-a.box
-  &:hover,
-  &:focus
-    box-shadow: $box-link-hover-shadow
-  &:active
-    box-shadow: $box-link-active-shadow