bulma-rails 0.9.0 → 1.0.0

data/app/assets/stylesheets/sass/base/generic.sass

@@ -1,142 +0,0 @@
-$body-background-color: $scheme-main !default
-$body-size: 16px !default
-$body-min-width: 300px !default
-$body-rendering: optimizeLegibility !default
-$body-family: $family-primary !default
-$body-overflow-x: hidden !default
-$body-overflow-y: scroll !default
-
-$body-color: $text !default
-$body-font-size: 1em !default
-$body-weight: $weight-normal !default
-$body-line-height: 1.5 !default
-
-$code-family: $family-code !default
-$code-padding: 0.25em 0.5em 0.25em !default
-$code-weight: normal !default
-$code-size: 0.875em !default
-
-$small-font-size: 0.875em !default
-
-$hr-background-color: $background !default
-$hr-height: 2px !default
-$hr-margin: 1.5rem 0 !default
-
-$strong-color: $text-strong !default
-$strong-weight: $weight-bold !default
-
-$pre-font-size: 0.875em !default
-$pre-padding: 1.25rem 1.5rem !default
-$pre-code-font-size: 1em !default
-
-html
-  background-color: $body-background-color
-  font-size: $body-size
-  -moz-osx-font-smoothing: grayscale
-  -webkit-font-smoothing: antialiased
-  min-width: $body-min-width
-  overflow-x: $body-overflow-x
-  overflow-y: $body-overflow-y
-  text-rendering: $body-rendering
-  text-size-adjust: 100%
-
-article,
-aside,
-figure,
-footer,
-header,
-hgroup,
-section
-  display: block
-
-body,
-button,
-input,
-select,
-textarea
-  font-family: $body-family
-
-code,
-pre
-  -moz-osx-font-smoothing: auto
-  -webkit-font-smoothing: auto
-  font-family: $code-family
-
-body
-  color: $body-color
-  font-size: $body-font-size
-  font-weight: $body-weight
-  line-height: $body-line-height
-
-// Inline
-
-a
-  color: $link
-  cursor: pointer
-  text-decoration: none
-  strong
-    color: currentColor
-  &:hover
-    color: $link-hover
-
-code
-  background-color: $code-background
-  color: $code
-  font-size: $code-size
-  font-weight: $code-weight
-  padding: $code-padding
-
-hr
-  background-color: $hr-background-color
-  border: none
-  display: block
-  height: $hr-height
-  margin: $hr-margin
-
-img
-  height: auto
-  max-width: 100%
-
-input[type="checkbox"],
-input[type="radio"]
-  vertical-align: baseline
-
-small
-  font-size: $small-font-size
-
-span
-  font-style: inherit
-  font-weight: inherit
-
-strong
-  color: $strong-color
-  font-weight: $strong-weight
-
-// Block
-
-fieldset
-  border: none
-
-pre
-  +overflow-touch
-  background-color: $pre-background
-  color: $pre
-  font-size: $pre-font-size
-  overflow-x: auto
-  padding: $pre-padding
-  white-space: pre
-  word-wrap: normal
-  code
-    background-color: transparent
-    color: currentColor
-    font-size: $pre-code-font-size
-    padding: 0
-
-table
-  td,
-  th
-    vertical-align: top
-    &:not([align])
-      text-align: inherit
-  th
-    color: $text-strong

data/app/assets/stylesheets/sass/base/helpers.sass

@@ -1 +0,0 @@
-@warn "The helpers.sass file is DEPRECATED. It has moved into its own /helpers folder. Please import sass/helpers/_all instead."

data/app/assets/stylesheets/sass/base/minireset.sass

@@ -1,79 +0,0 @@
-/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
-// Blocks
-html,
-body,
-p,
-ol,
-ul,
-li,
-dl,
-dt,
-dd,
-blockquote,
-figure,
-fieldset,
-legend,
-textarea,
-pre,
-iframe,
-hr,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6
-  margin: 0
-  padding: 0
-
-// Headings
-h1,
-h2,
-h3,
-h4,
-h5,
-h6
-  font-size: 100%
-  font-weight: normal
-
-// List
-ul
-  list-style: none
-
-// Form
-button,
-input,
-select,
-textarea
-  margin: 0
-
-// Box sizing
-html
-  box-sizing: border-box
-
-*
-  &,
-  &::before,
-  &::after
-    box-sizing: inherit
-
-// Media
-img,
-video
-  height: auto
-  max-width: 100%
-
-// Iframe
-iframe
-  border: 0
-
-// Table
-table
-  border-collapse: collapse
-  border-spacing: 0
-
-td,
-th
-  padding: 0
-  &:not([align])
-    text-align: inherit

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

@@ -1,14 +0,0 @@
-@charset "utf-8"
-
-@import "breadcrumb.sass"
-@import "card.sass"
-@import "dropdown.sass"
-@import "level.sass"
-@import "media.sass"
-@import "menu.sass"
-@import "message.sass"
-@import "modal.sass"
-@import "navbar.sass"
-@import "pagination.sass"
-@import "panel.sass"
-@import "tabs.sass"

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

@@ -1,75 +0,0 @@
-$breadcrumb-item-color: $link !default
-$breadcrumb-item-hover-color: $link-hover !default
-$breadcrumb-item-active-color: $text-strong !default
-
-$breadcrumb-item-padding-vertical: 0 !default
-$breadcrumb-item-padding-horizontal: 0.75em !default
-
-$breadcrumb-item-separator-color: $border-hover !default
-
-.breadcrumb
-  @extend %block
-  @extend %unselectable
-  font-size: $size-normal
-  white-space: nowrap
-  a
-    align-items: center
-    color: $breadcrumb-item-color
-    display: flex
-    justify-content: center
-    padding: $breadcrumb-item-padding-vertical $breadcrumb-item-padding-horizontal
-    &:hover
-      color: $breadcrumb-item-hover-color
-  li
-    align-items: center
-    display: flex
-    &:first-child a
-      +ltr-property("padding", 0, false)
-    &.is-active
-      a
-        color: $breadcrumb-item-active-color
-        cursor: default
-        pointer-events: none
-    & + li::before
-      color: $breadcrumb-item-separator-color
-      content: "\0002f"
-  ul,
-  ol
-    align-items: flex-start
-    display: flex
-    flex-wrap: wrap
-    justify-content: flex-start
-  .icon
-    &:first-child
-      +ltr-property("margin", 0.5em)
-    &:last-child
-      +ltr-property("margin", 0.5em, false)
-  // Alignment
-  &.is-centered
-    ol,
-    ul
-      justify-content: center
-  &.is-right
-    ol,
-    ul
-      justify-content: flex-end
-  // Sizes
-  &.is-small
-    font-size: $size-small
-  &.is-medium
-    font-size: $size-medium
-  &.is-large
-    font-size: $size-large
-  // Styles
-  &.has-arrow-separator
-    li + li::before
-      content: "\02192"
-  &.has-bullet-separator
-    li + li::before
-      content: "\02022"
-  &.has-dot-separator
-    li + li::before
-      content: "\000b7"
-  &.has-succeeds-separator
-    li + li::before
-      content: "\0227B"

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

@@ -1,79 +0,0 @@
-$card-color: $text !default
-$card-background-color: $scheme-main !default
-$card-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
-
-$card-header-background-color: transparent !default
-$card-header-color: $text-strong !default
-$card-header-padding: 0.75rem 1rem !default
-$card-header-shadow: 0 0.125em 0.25em rgba($scheme-invert, 0.1) !default
-$card-header-weight: $weight-bold !default
-
-$card-content-background-color: transparent !default
-$card-content-padding: 1.5rem !default
-
-$card-footer-background-color: transparent !default
-$card-footer-border-top: 1px solid $border-light !default
-$card-footer-padding: 0.75rem !default
-
-$card-media-margin: $block-spacing !default
-
-.card
-  background-color: $card-background-color
-  box-shadow: $card-shadow
-  color: $card-color
-  max-width: 100%
-  position: relative
-
-.card-header
-  background-color: $card-header-background-color
-  align-items: stretch
-  box-shadow: $card-header-shadow
-  display: flex
-
-.card-header-title
-  align-items: center
-  color: $card-header-color
-  display: flex
-  flex-grow: 1
-  font-weight: $card-header-weight
-  padding: $card-header-padding
-  &.is-centered
-    justify-content: center
-
-.card-header-icon
-  align-items: center
-  cursor: pointer
-  display: flex
-  justify-content: center
-  padding: $card-header-padding
-
-.card-image
-  display: block
-  position: relative
-
-.card-content
-  background-color: $card-content-background-color
-  padding: $card-content-padding
-
-.card-footer
-  background-color: $card-footer-background-color
-  border-top: $card-footer-border-top
-  align-items: stretch
-  display: flex
-
-.card-footer-item
-  align-items: center
-  display: flex
-  flex-basis: 0
-  flex-grow: 1
-  flex-shrink: 0
-  justify-content: center
-  padding: $card-footer-padding
-  &:not(:last-child)
-    +ltr-property("border", $card-footer-border-top)
-
-// Combinations
-
-.card
-  .media:not(:last-child)
-    margin-bottom: $card-media-margin

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

@@ -1,81 +0,0 @@
-$dropdown-menu-min-width: 12rem !default
-
-$dropdown-content-background-color: $scheme-main !default
-$dropdown-content-arrow: $link !default
-$dropdown-content-offset: 4px !default
-$dropdown-content-padding-bottom: 0.5rem !default
-$dropdown-content-padding-top: 0.5rem !default
-$dropdown-content-radius: $radius !default
-$dropdown-content-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
-$dropdown-content-z: 20 !default
-
-$dropdown-item-color: $text !default
-$dropdown-item-hover-color: $scheme-invert !default
-$dropdown-item-hover-background-color: $background !default
-$dropdown-item-active-color: $link-invert !default
-$dropdown-item-active-background-color: $link !default
-
-$dropdown-divider-background-color: $border-light !default
-
-.dropdown
-  display: inline-flex
-  position: relative
-  vertical-align: top
-  &.is-active,
-  &.is-hoverable:hover
-    .dropdown-menu
-      display: block
-  &.is-right
-    .dropdown-menu
-      left: auto
-      right: 0
-  &.is-up
-    .dropdown-menu
-      bottom: 100%
-      padding-bottom: $dropdown-content-offset
-      padding-top: initial
-      top: auto
-
-.dropdown-menu
-  display: none
-  +ltr-position(0, false)
-  min-width: $dropdown-menu-min-width
-  padding-top: $dropdown-content-offset
-  position: absolute
-  top: 100%
-  z-index: $dropdown-content-z
-
-.dropdown-content
-  background-color: $dropdown-content-background-color
-  border-radius: $dropdown-content-radius
-  box-shadow: $dropdown-content-shadow
-  padding-bottom: $dropdown-content-padding-bottom
-  padding-top: $dropdown-content-padding-top
-
-.dropdown-item
-  color: $dropdown-item-color
-  display: block
-  font-size: 0.875rem
-  line-height: 1.5
-  padding: 0.375rem 1rem
-  position: relative
-
-a.dropdown-item,
-button.dropdown-item
-  +ltr-property("padding", 3rem)
-  text-align: inherit
-  white-space: nowrap
-  width: 100%
-  &:hover
-    background-color: $dropdown-item-hover-background-color
-    color: $dropdown-item-hover-color
-  &.is-active
-    background-color: $dropdown-item-active-background-color
-    color: $dropdown-item-active-color
-
-.dropdown-divider
-  background-color: $dropdown-divider-background-color
-  border: none
-  display: block
-  height: 1px
-  margin: 0.5rem 0

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

@@ -1,77 +0,0 @@
-$level-item-spacing: ($block-spacing / 2) !default
-
-.level
-  @extend %block
-  align-items: center
-  justify-content: space-between
-  code
-    border-radius: $radius
-  img
-    display: inline-block
-    vertical-align: top
-  // Modifiers
-  &.is-mobile
-    display: flex
-    .level-left,
-    .level-right
-      display: flex
-    .level-left + .level-right
-      margin-top: 0
-    .level-item
-      &:not(:last-child)
-        margin-bottom: 0
-        +ltr-property("margin", $level-item-spacing)
-      &:not(.is-narrow)
-        flex-grow: 1
-  // Responsiveness
-  +tablet
-    display: flex
-    & > .level-item
-      &:not(.is-narrow)
-        flex-grow: 1
-
-.level-item
-  align-items: center
-  display: flex
-  flex-basis: auto
-  flex-grow: 0
-  flex-shrink: 0
-  justify-content: center
-  .title,
-  .subtitle
-    margin-bottom: 0
-  // Responsiveness
-  +mobile
-    &:not(:last-child)
-      margin-bottom: $level-item-spacing
-
-.level-left,
-.level-right
-  flex-basis: auto
-  flex-grow: 0
-  flex-shrink: 0
-  .level-item
-    // Modifiers
-    &.is-flexible
-      flex-grow: 1
-    // Responsiveness
-    +tablet
-      &:not(:last-child)
-        +ltr-property("margin", $level-item-spacing)
-
-.level-left
-  align-items: center
-  justify-content: flex-start
-  // Responsiveness
-  +mobile
-    & + .level-right
-      margin-top: 1.5rem
-  +tablet
-    display: flex
-
-.level-right
-  align-items: center
-  justify-content: flex-end
-  // Responsiveness
-  +tablet
-    display: flex

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

@@ -1,52 +0,0 @@
-$media-border-color: bulmaRgba($border, 0.5) !default
-$media-spacing: 1rem
-$media-spacing-large: 1.5rem
-
-.media
-  align-items: flex-start
-  display: flex
-  text-align: inherit
-  .content:not(:last-child)
-    margin-bottom: 0.75rem
-  .media
-    border-top: 1px solid $media-border-color
-    display: flex
-    padding-top: 0.75rem
-    .content:not(:last-child),
-    .control:not(:last-child)
-      margin-bottom: 0.5rem
-    .media
-      padding-top: 0.5rem
-      & + .media
-        margin-top: 0.5rem
-  & + .media
-    border-top: 1px solid $media-border-color
-    margin-top: $media-spacing
-    padding-top: $media-spacing
-  // Sizes
-  &.is-large
-    & + .media
-      margin-top: $media-spacing-large
-      padding-top: $media-spacing-large
-
-.media-left,
-.media-right
-  flex-basis: auto
-  flex-grow: 0
-  flex-shrink: 0
-
-.media-left
-  +ltr-property("margin", $media-spacing)
-
-.media-right
-  +ltr-property("margin", $media-spacing, false)
-
-.media-content
-  flex-basis: auto
-  flex-grow: 1
-  flex-shrink: 1
-  text-align: inherit
-
-+mobile
-  .media-content
-    overflow-x: auto

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

@@ -1,57 +0,0 @@
-$menu-item-color: $text !default
-$menu-item-radius: $radius-small !default
-$menu-item-hover-color: $text-strong !default
-$menu-item-hover-background-color: $background !default
-$menu-item-active-color: $link-invert !default
-$menu-item-active-background-color: $link !default
-
-$menu-list-border-left: 1px solid $border !default
-$menu-list-line-height: 1.25 !default
-$menu-list-link-padding: 0.5em 0.75em !default
-$menu-nested-list-margin: 0.75em !default
-$menu-nested-list-padding-left: 0.75em !default
-
-$menu-label-color: $text-light !default
-$menu-label-font-size: 0.75em !default
-$menu-label-letter-spacing: 0.1em !default
-$menu-label-spacing: 1em !default
-
-.menu
-  font-size: $size-normal
-  // Sizes
-  &.is-small
-    font-size: $size-small
-  &.is-medium
-    font-size: $size-medium
-  &.is-large
-    font-size: $size-large
-
-.menu-list
-  line-height: $menu-list-line-height
-  a
-    border-radius: $menu-item-radius
-    color: $menu-item-color
-    display: block
-    padding: $menu-list-link-padding
-    &:hover
-      background-color: $menu-item-hover-background-color
-      color: $menu-item-hover-color
-    // Modifiers
-    &.is-active
-      background-color: $menu-item-active-background-color
-      color: $menu-item-active-color
-  li
-    ul
-      +ltr-property("border", $menu-list-border-left, false)
-      margin: $menu-nested-list-margin
-      +ltr-property("padding", $menu-nested-list-padding-left, false)
-
-.menu-label
-  color: $menu-label-color
-  font-size: $menu-label-font-size
-  letter-spacing: $menu-label-letter-spacing
-  text-transform: uppercase
-  &:not(:first-child)
-    margin-top: $menu-label-spacing
-  &:not(:last-child)
-    margin-bottom: $menu-label-spacing