bulma-rails 0.9.3 → 1.0.0

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

@@ -1,103 +0,0 @@
-@import "../utilities/mixins"
-
-=typography-size($target:'')
-  @each $size in $sizes
-    $i: index($sizes, $size)
-    .is-size-#{$i}#{if($target == '', '', '-' + $target)}
-      font-size: $size !important
-
-+typography-size()
-
-+mobile
-  +typography-size('mobile')
-
-+tablet
-  +typography-size('tablet')
-
-+touch
-  +typography-size('touch')
-
-+desktop
-  +typography-size('desktop')
-
-+widescreen
-  +typography-size('widescreen')
-
-+fullhd
-  +typography-size('fullhd')
-
-$alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'right': 'right')
-
-@each $alignment, $text-align in $alignments
-  .has-text-#{$alignment}
-    text-align: #{$text-align} !important
-
-@each $alignment, $text-align in $alignments
-  +mobile
-    .has-text-#{$alignment}-mobile
-      text-align: #{$text-align} !important
-  +tablet
-    .has-text-#{$alignment}-tablet
-      text-align: #{$text-align} !important
-  +tablet-only
-    .has-text-#{$alignment}-tablet-only
-      text-align: #{$text-align} !important
-  +touch
-    .has-text-#{$alignment}-touch
-      text-align: #{$text-align} !important
-  +desktop
-    .has-text-#{$alignment}-desktop
-      text-align: #{$text-align} !important
-  +desktop-only
-    .has-text-#{$alignment}-desktop-only
-      text-align: #{$text-align} !important
-  +widescreen
-    .has-text-#{$alignment}-widescreen
-      text-align: #{$text-align} !important
-  +widescreen-only
-    .has-text-#{$alignment}-widescreen-only
-      text-align: #{$text-align} !important
-  +fullhd
-    .has-text-#{$alignment}-fullhd
-      text-align: #{$text-align} !important
-
-.is-capitalized
-  text-transform: capitalize !important
-
-.is-lowercase
-  text-transform: lowercase !important
-
-.is-uppercase
-  text-transform: uppercase !important
-
-.is-italic
-  font-style: italic !important
-  
-.is-underlined
-  text-decoration: underline !important
-
-.has-text-weight-light
-  font-weight: $weight-light !important
-.has-text-weight-normal
-  font-weight: $weight-normal !important
-.has-text-weight-medium
-  font-weight: $weight-medium !important
-.has-text-weight-semibold
-  font-weight: $weight-semibold !important
-.has-text-weight-bold
-  font-weight: $weight-bold !important
-
-.is-family-primary
-  font-family: $family-primary !important
-
-.is-family-secondary
-  font-family: $family-secondary !important
-
-.is-family-sans-serif
-  font-family: $family-sans-serif !important
-
-.is-family-monospace
-  font-family: $family-monospace !important
-
-.is-family-code
-  font-family: $family-code !important

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

@@ -1,122 +0,0 @@
-@import "../utilities/mixins"
-
-$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
-
-@each $display in $displays
-  .is-#{$display}
-    display: #{$display} !important
-  +mobile
-    .is-#{$display}-mobile
-      display: #{$display} !important
-  +tablet
-    .is-#{$display}-tablet
-      display: #{$display} !important
-  +tablet-only
-    .is-#{$display}-tablet-only
-      display: #{$display} !important
-  +touch
-    .is-#{$display}-touch
-      display: #{$display} !important
-  +desktop
-    .is-#{$display}-desktop
-      display: #{$display} !important
-  +desktop-only
-    .is-#{$display}-desktop-only
-      display: #{$display} !important
-  +widescreen
-    .is-#{$display}-widescreen
-      display: #{$display} !important
-  +widescreen-only
-    .is-#{$display}-widescreen-only
-      display: #{$display} !important
-  +fullhd
-    .is-#{$display}-fullhd
-      display: #{$display} !important
-
-.is-hidden
-  display: none !important
-
-.is-sr-only
-  border: none !important
-  clip: rect(0, 0, 0, 0) !important
-  height: 0.01em !important
-  overflow: hidden !important
-  padding: 0 !important
-  position: absolute !important
-  white-space: nowrap !important
-  width: 0.01em !important
-
-+mobile
-  .is-hidden-mobile
-    display: none !important
-
-+tablet
-  .is-hidden-tablet
-    display: none !important
-
-+tablet-only
-  .is-hidden-tablet-only
-    display: none !important
-
-+touch
-  .is-hidden-touch
-    display: none !important
-
-+desktop
-  .is-hidden-desktop
-    display: none !important
-
-+desktop-only
-  .is-hidden-desktop-only
-    display: none !important
-
-+widescreen
-  .is-hidden-widescreen
-    display: none !important
-
-+widescreen-only
-  .is-hidden-widescreen-only
-    display: none !important
-
-+fullhd
-  .is-hidden-fullhd
-    display: none !important
-
-.is-invisible
-  visibility: hidden !important
-
-+mobile
-  .is-invisible-mobile
-    visibility: hidden !important
-
-+tablet
-  .is-invisible-tablet
-    visibility: hidden !important
-
-+tablet-only
-  .is-invisible-tablet-only
-    visibility: hidden !important
-
-+touch
-  .is-invisible-touch
-    visibility: hidden !important
-
-+desktop
-  .is-invisible-desktop
-    visibility: hidden !important
-
-+desktop-only
-  .is-invisible-desktop-only
-    visibility: hidden !important
-
-+widescreen
-  .is-invisible-widescreen
-    visibility: hidden !important
-
-+widescreen-only
-  .is-invisible-widescreen-only
-    visibility: hidden !important
-
-+fullhd
-  .is-invisible-fullhd
-    visibility: hidden !important

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

@@ -1,6 +0,0 @@
-/* Bulma Layout */
-@charset "utf-8"
-
-@import "hero"
-@import "section"
-@import "footer"

data/app/assets/stylesheets/sass/layout/footer.sass

@@ -1,11 +0,0 @@
-@import "../utilities/derived-variables"
-
-$footer-background-color: $scheme-main-bis !default
-$footer-color: false !default
-$footer-padding: 3rem 1.5rem 6rem !default
-
-.footer
-  background-color: $footer-background-color
-  padding: $footer-padding
-  @if $footer-color
-    color: $footer-color

data/app/assets/stylesheets/sass/layout/hero.sass

@@ -1,153 +0,0 @@
-@import "../utilities/mixins"
-
-$hero-body-padding: 3rem 1.5rem !default
-$hero-body-padding-tablet: 3rem 3rem !default
-$hero-body-padding-small: 1.5rem !default
-$hero-body-padding-medium: 9rem 4.5rem !default
-$hero-body-padding-large: 18rem 6rem !default
-
-$hero-colors: $colors !default
-
-// Main container
-.hero
-  align-items: stretch
-  display: flex
-  flex-direction: column
-  justify-content: space-between
-  .navbar
-    background: none
-  .tabs
-    ul
-      border-bottom: none
-  // Colors
-  @each $name, $pair in $hero-colors
-    $color: nth($pair, 1)
-    $color-invert: nth($pair, 2)
-    &.is-#{$name}
-      background-color: $color
-      color: $color-invert
-      a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
-      strong
-        color: inherit
-      .title
-        color: $color-invert
-      .subtitle
-        color: bulmaRgba($color-invert, 0.9)
-        a:not(.button),
-        strong
-          color: $color-invert
-      .navbar-menu
-        +touch
-          background-color: $color
-      .navbar-item,
-      .navbar-link
-        color: bulmaRgba($color-invert, 0.7)
-      a.navbar-item,
-      .navbar-link
-        &:hover,
-        &.is-active
-          background-color: bulmaDarken($color, 5%)
-          color: $color-invert
-      .tabs
-        a
-          color: $color-invert
-          opacity: 0.9
-          &:hover
-            opacity: 1
-        li
-          &.is-active a
-            color: $color !important
-            opacity: 1
-        &.is-boxed,
-        &.is-toggle
-          a
-            color: $color-invert
-            &:hover
-              background-color: bulmaRgba($scheme-invert, 0.1)
-          li.is-active a
-            &,
-            &:hover
-              background-color: $color-invert
-              border-color: $color-invert
-              color: $color
-      // Modifiers
-      @if type-of($color) == 'color'
-        &.is-bold
-          $gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
-          $gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
-          background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
-          +mobile
-            .navbar-menu
-              background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
-  // Sizes
-  &.is-small
-    .hero-body
-      padding: $hero-body-padding-small
-  &.is-medium
-    +tablet
-      .hero-body
-        padding: $hero-body-padding-medium
-  &.is-large
-    +tablet
-      .hero-body
-        padding: $hero-body-padding-large
-  &.is-halfheight,
-  &.is-fullheight,
-  &.is-fullheight-with-navbar
-    .hero-body
-      align-items: center
-      display: flex
-      & > .container
-        flex-grow: 1
-        flex-shrink: 1
-  &.is-halfheight
-    min-height: 50vh
-  &.is-fullheight
-    min-height: 100vh
-
-// Components
-
-.hero-video
-  @extend %overlay
-  overflow: hidden
-  video
-    left: 50%
-    min-height: 100%
-    min-width: 100%
-    position: absolute
-    top: 50%
-    transform: translate3d(-50%, -50%, 0)
-  // Modifiers
-  &.is-transparent
-    opacity: 0.3
-  // Responsiveness
-  +mobile
-    display: none
-
-.hero-buttons
-  margin-top: 1.5rem
-  // Responsiveness
-  +mobile
-    .button
-      display: flex
-      &:not(:last-child)
-        margin-bottom: 0.75rem
-  +tablet
-    display: flex
-    justify-content: center
-    .button:not(:last-child)
-      +ltr-property("margin", 1.5rem)
-
-// Containers
-
-.hero-head,
-.hero-foot
-  flex-grow: 0
-  flex-shrink: 0
-
-.hero-body
-  flex-grow: 1
-  flex-shrink: 0
-  padding: $hero-body-padding
-  +tablet
-    padding: $hero-body-padding-tablet

data/app/assets/stylesheets/sass/layout/section.sass

@@ -1,17 +0,0 @@
-@import "../utilities/mixins"
-
-$section-padding: 3rem 1.5rem !default
-$section-padding-desktop: 3rem 3rem !default
-$section-padding-medium: 9rem 4.5rem !default
-$section-padding-large: 18rem 6rem !default
-
-.section
-  padding: $section-padding
-  // Responsiveness
-  +desktop
-    padding: $section-padding-desktop
-    // Sizes
-    &.is-medium
-      padding: $section-padding-medium
-    &.is-large
-      padding: $section-padding-large

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

@@ -1,9 +0,0 @@
-/* Bulma Utilities */
-@charset "utf-8"
-
-@import "initial-variables"
-@import "functions"
-@import "derived-variables"
-@import "mixins"
-@import "controls"
-@import "extends"

data/app/assets/stylesheets/sass/utilities/animations.sass

@@ -1 +0,0 @@
-@warn "The animations.sass file has MOVED. It is now in the /base folder. Please import sass/base/animations instead."

data/app/assets/stylesheets/sass/utilities/controls.sass

@@ -1,49 +0,0 @@
-@import "derived-variables"
-
-$control-radius: $radius !default
-$control-radius-small: $radius-small !default
-
-$control-border-width: 1px !default
-
-$control-height: 2.5em !default
-$control-line-height: 1.5 !default
-
-$control-padding-vertical: calc(0.5em - #{$control-border-width}) !default
-$control-padding-horizontal: calc(0.75em - #{$control-border-width}) !default
-
-=control
-  -moz-appearance: none
-  -webkit-appearance: none
-  align-items: center
-  border: $control-border-width solid transparent
-  border-radius: $control-radius
-  box-shadow: none
-  display: inline-flex
-  font-size: $size-normal
-  height: $control-height
-  justify-content: flex-start
-  line-height: $control-line-height
-  padding-bottom: $control-padding-vertical
-  padding-left: $control-padding-horizontal
-  padding-right: $control-padding-horizontal
-  padding-top: $control-padding-vertical
-  position: relative
-  vertical-align: top
-  // States
-  &:focus,
-  &.is-focused,
-  &:active,
-  &.is-active
-    outline: none
-  &[disabled],
-  fieldset[disabled] &
-    cursor: not-allowed
-
-// The controls sizes use mixins so they can be used at different breakpoints
-=control-small
-  border-radius: $control-radius-small
-  font-size: $size-small
-=control-medium
-  font-size: $size-medium
-=control-large
-  font-size: $size-large

data/app/assets/stylesheets/sass/utilities/derived-variables.sass

@@ -1,114 +0,0 @@
-@import "initial-variables"
-@import "functions"
-
-$primary: $turquoise !default
-
-$info: $cyan !default
-$success: $green !default
-$warning: $yellow !default
-$danger: $red !default
-
-$light: $white-ter !default
-$dark: $grey-darker !default
-
-// Invert colors
-
-$orange-invert: findColorInvert($orange) !default
-$yellow-invert: findColorInvert($yellow) !default
-$green-invert: findColorInvert($green) !default
-$turquoise-invert: findColorInvert($turquoise) !default
-$cyan-invert: findColorInvert($cyan) !default
-$blue-invert: findColorInvert($blue) !default
-$purple-invert: findColorInvert($purple) !default
-$red-invert: findColorInvert($red) !default
-
-$primary-invert: findColorInvert($primary) !default
-$primary-light: findLightColor($primary) !default
-$primary-dark: findDarkColor($primary) !default
-$info-invert: findColorInvert($info) !default
-$info-light: findLightColor($info) !default
-$info-dark: findDarkColor($info) !default
-$success-invert: findColorInvert($success) !default
-$success-light: findLightColor($success) !default
-$success-dark: findDarkColor($success) !default
-$warning-invert: findColorInvert($warning) !default
-$warning-light: findLightColor($warning) !default
-$warning-dark: findDarkColor($warning) !default
-$danger-invert: findColorInvert($danger) !default
-$danger-light: findLightColor($danger) !default
-$danger-dark: findDarkColor($danger) !default
-$light-invert: findColorInvert($light) !default
-$dark-invert: findColorInvert($dark) !default
-
-// General colors
-
-$scheme-main: $white !default
-$scheme-main-bis: $white-bis !default
-$scheme-main-ter: $white-ter !default
-$scheme-invert: $black !default
-$scheme-invert-bis: $black-bis !default
-$scheme-invert-ter: $black-ter !default
-
-$background: $white-ter !default
-
-$border: $grey-lighter !default
-$border-hover: $grey-light !default
-$border-light: $grey-lightest !default
-$border-light-hover: $grey-light !default
-
-// Text colors
-
-$text: $grey-dark !default
-$text-invert: findColorInvert($text) !default
-$text-light: $grey !default
-$text-strong: $grey-darker !default
-
-// Code colors
-
-$code: darken($red, 15%) !default
-$code-background: $background !default
-
-$pre: $text !default
-$pre-background: $background !default
-
-// Link colors
-
-$link: $blue !default
-$link-invert: findColorInvert($link) !default
-$link-light: findLightColor($link) !default
-$link-dark: findDarkColor($link) !default
-$link-visited: $purple !default
-
-$link-hover: $grey-darker !default
-$link-hover-border: $grey-light !default
-
-$link-focus: $grey-darker !default
-$link-focus-border: $blue !default
-
-$link-active: $grey-darker !default
-$link-active-border: $grey-dark !default
-
-// Typography
-
-$family-primary: $family-sans-serif !default
-$family-secondary: $family-sans-serif !default
-$family-code: $family-monospace !default
-
-$size-small: $size-7 !default
-$size-normal: $size-6 !default
-$size-medium: $size-5 !default
-$size-large: $size-4 !default
-
-// Effects
-
-$shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
-
-// Lists and maps
-$custom-colors: null !default
-$custom-shades: null !default
-
-$colors: mergeColorMaps(("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert, $primary-light, $primary-dark), "link": ($link, $link-invert, $link-light, $link-dark), "info": ($info, $info-invert, $info-light, $info-dark), "success": ($success, $success-invert, $success-light, $success-dark), "warning": ($warning, $warning-invert, $warning-light, $warning-dark), "danger": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors) !default
-
-$shades: mergeColorMaps(("black-bis": $black-bis, "black-ter": $black-ter, "grey-darker": $grey-darker, "grey-dark": $grey-dark, "grey": $grey, "grey-light": $grey-light, "grey-lighter": $grey-lighter, "white-ter": $white-ter, "white-bis": $white-bis), $custom-shades) !default
-
-$sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7 !default

data/app/assets/stylesheets/sass/utilities/extends.sass

@@ -1,25 +0,0 @@
-@import "mixins"
-
-%control
-  +control
-
-%unselectable
-  +unselectable
-
-%arrow
-  +arrow
-
-%block
-  +block
-
-%delete
-  +delete
-
-%loader
-  +loader
-
-%overlay
-  +overlay
-
-%reset
-  +reset