bulma-sass 0.0.2 → 0.6.0

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

@@ -1,84 +0,0 @@
-.tabs
-  line-height: 24px
-  overflow: hidden
-  overflow-x: auto
-  white-space: nowrap
-  &:not(:last-child)
-    margin-bottom: 20px
-  .fa
-    line-height: 24px
-    margin: 0 -2px
-    width: 24px
-  a
-    border-bottom: 1px solid $border
-    color: $text
-    display: block
-    margin-bottom: -1px
-    padding: 5px 0
-    vertical-align: top
-    &:hover
-      border-bottom-color: $text-strong
-      color: $text-strong
-  li
-    display: inline-block
-    vertical-align: top
-    & + li
-      margin-left: 20px
-    &.is-active
-      a
-        border-bottom-color: $link
-        color: $link
-  ul
-    border-bottom: 1px solid $border
-  &.is-boxed
-    a
-      border: 1px solid transparent
-      border-radius: $radius $radius 0 0
-      padding: 5px 15px
-      &:hover
-        background: $background
-        border-bottom-color: $border
-    li
-      & + li
-        margin-left: 5px
-      &.is-active
-        a
-          background: white
-          border-color: $border
-          border-bottom-color: transparent
-  &.is-toggle
-    ul
-      border-bottom: none
-      display: flex
-    a
-      border: 1px solid $border
-      margin-bottom: 0
-      padding: 5px 10px
-      position: relative
-      &:hover
-        background: $background
-        border-color: $border-hover
-        z-index: 2
-    li
-      & + li
-        margin-left: -1px
-      &:first-child a
-        border-radius: $radius 0 0 $radius
-      &:last-child a
-        border-radius: 0 $radius $radius 0
-      &.is-active
-        a
-          background: $primary
-          border-color: $primary
-          color: $primary-invert
-          z-index: 1
-  &.is-fullwidth
-    +tablet
-      ul
-        display: flex
-        justify-content: center
-        text-align: center
-      li
-        flex: 1
-        & + li
-          margin-left: 0

data/app/assets/stylesheets/bulma/config/generated-variables.sass

@@ -1,74 +0,0 @@
-// Colors
-
-$primary-invert: findColorInvert($primary)
-$info: $blue
-$info-invert: findColorInvert($info)
-$success: $green
-$success-invert: findColorInvert($success)
-$warning: $yellow
-$warning-invert: findColorInvert($warning)
-$danger: $red
-$danger-invert: findColorInvert($danger)
-
-$colors: (primary: ($primary, $primary-invert), info: ($info, $info-invert), success: ($success, $success-invert), warning: ($warning, $warning-invert), danger: ($danger, $danger-invert))
-
-$body-background: $grey-lighter
-
-$background: $grey-lighter
-
-$border: $grey-light
-$border-hover: $grey
-
-// Text
-
-$text: $grey-dark
-$text-invert: findColorInvert($text)
-$text-light: $grey
-$text-strong: $grey-darker
-
-// Code
-
-$code: $info
-$code-background: $background
-
-$pre: $text
-$pre-background: $background
-
-// Links
-
-$link: $primary
-$link-invert: $primary-invert
-$link-visited: $purple
-
-$link-hover: $grey-darker
-$link-hover-background: $grey-lighter
-$link-hover-border: $grey-darker
-
-$link-active: $grey-darker
-$link-active-border: $grey-darker
-
-// Controls
-
-$control: $text-strong
-$control-background: $text-invert
-$control-border: $border
-
-$control-hover: $link-hover
-$control-hover-border: $border-hover
-
-$control-active: $link
-$control-active-background: $link
-$control-active-background-invert: $link-invert
-$control-active-border: $link
-
-// Typography
-
-$family-primary: $family-sans-serif
-
-$size-small: $size-7
-$size-normal: $size-6
-$size-medium: $size-5
-$size-large: $size-3
-$size-huge: $size-1
-
-$sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6

data/app/assets/stylesheets/bulma/config/variables.sass

@@ -1,41 +0,0 @@
-// Colors
-
-$grey-darker: #222324
-$grey-dark: #69707a
-$grey: #aeb1b5
-$grey-light: #d3d6db
-$grey-lighter: #ebeff5
-$grey-lighter: #f5f7fa
-
-$blue: #42afe3
-$green: #97cd76
-$orange: #f68b39
-$purple: #847bb9
-$red: #ed6c63
-$turquoise: #1fc8db
-$yellow: #fce473
-
-$primary: $turquoise
-
-// Typography
-
-$family-sans-serif: "Helvetica Neue", "Helvetica", "Arial", sans-serif
-
-$size-1: 48px
-$size-2: 40px
-$size-3: 28px
-$size-4: 24px
-$size-5: 18px
-$size-6: 14px
-
-$size-7: 11px
-
-// Dimensions
-
-$header-height: 50px
-
-// Miscellaneous
-
-$easing: ease-out
-$radius: 3px
-$speed: 86ms

data/app/assets/stylesheets/bulma/elements/buttons.sass

@@ -1,96 +0,0 @@
-=button-small
-  border-radius: 2px
-  font-size: 11px
-  height: 24px
-  line-height: 16px
-  padding: 3px 6px
-=button-medium
-  font-size: 18px
-  height: 40px
-  padding: 7px 14px
-=button-large
-  font-size: 22px
-  height: 48px
-  padding: 11px 20px
-
-.button
-  +control
-  padding: 3px 10px
-  strong
-    color: inherit
-  small
-    display: block
-    font-size: $size-small
-    line-height: 1
-    margin-top: 5px
-  .fa
-    line-height: 24px
-    margin: 0 -2px
-    width: 24px
-  &:hover
-    color: $control-hover
-  &:active
-    box-shadow: inset 0 1px 2px rgba(black, 0.2)
-  @each $name, $pair in $colors
-    $color: nth($pair, 1)
-    $color-invert: nth($pair, 2)
-    &.is-#{$name}
-      background: $color
-      border-color: transparent
-      color: $color-invert
-      &:hover,
-      &:focus
-        background: darken($color, 10%)
-        border-color: transparent
-        color: $color-invert
-      &:active
-        border-color: transparent
-      &.is-outlined
-        background: transparent
-        border-color: $color
-        color: $color
-        &:hover,
-        &:focus
-          border-color: darken($color, 10%)
-          color: darken($color, 10%)
-      &.is-inverted
-        background: $color-invert
-        color: $color
-        &:hover
-          background: darken($color-invert, 5%)
-        &.is-outlined
-          background-color: transparent
-          border-color: $color-invert
-          color: $color-invert
-          &:hover
-            background: rgba(black, 0.05)
-      &.is-loading:after
-        border-color: transparent transparent $color-invert $color-invert !important
-  &.is-small
-    +button-small
-  &.is-medium
-    +button-medium
-  &.is-large
-    +button-large
-  &.is-flexible
-    height: auto
-  &.is-loading
-    color: transparent
-    pointer-events: none
-    &:after
-      @extend .loader
-      +center(16px)
-      position: absolute !important
-  &.is-disabled,
-  &[disabled]
-    opacity: 0.5
-    pointer-events: none
-  +tablet
-    small
-      color: $text
-      left: 0
-      margin-top: 10px
-      position: absolute
-      top: 100%
-      width: 100%
-

data/app/assets/stylesheets/bulma/elements/controls.sass

@@ -1,213 +0,0 @@
-=control
-  -moz-appearance: none
-  -webkit-appearance: none
-  background: $control-background
-  border: 1px solid $control-border
-  border-radius: $radius
-  color: $control
-  display: inline-block
-  font-size: $size-normal
-  height: 32px
-  line-height: 24px
-  padding: 3px 8px
-  position: relative
-  vertical-align: top
-  &:hover
-    border-color: $control-hover-border
-  &:active,
-  &:focus
-    border-color: $control-active-border
-    outline: none
-  &[disabled]
-    &,
-    &:hover
-      background: $background
-      border-color: $control-border
-      +placeholder
-        color: rgba($control, 0.3)
-
-=control-small
-  border-radius: 2px
-  font-size: 11px
-  height: 24px
-  line-height: 16px
-  padding: 3px 6px
-=control-medium
-  font-size: 18px
-  height: 40px
-  line-height: 32px
-  padding: 3px 10px
-=control-large
-  font-size: 24px
-  height: 48px
-  line-height: 40px
-  padding: 3px 12px
-
-.input
-  +control
-  box-shadow: inset 0 1px 2px rgba(black, 0.1)
-  display: block
-  max-width: 100%
-  width: 100%
-  &[type="search"]
-    border-radius: 290486px
-  &.is-small
-    +control-small
-  &.is-medium
-    +control-medium
-  &.is-large
-    +control-large
-  &.is-fullwidth
-    display: block
-    width: 100%
-  &.is-inline
-    display: inline
-    width: auto
-
-.textarea
-  @extend .input
-  line-height: 1.2
-  max-height: 600px
-  max-width: 100%
-  min-height: 120px
-  min-width: 100%
-  padding: 10px
-  resize: vertical
-
-%control-with-element
-  cursor: pointer
-  display: inline-block
-  line-height: 16px
-  padding-left: 18px
-  position: relative
-  vertical-align: top
-  input
-    +control
-    border-radius: 1px
-    box-shadow: inset 0 1px 1px rgba(black, 0.1)
-    cursor: pointer
-    float: left
-    height: 14px
-    left: 0
-    outline: none
-    padding: 0
-    position: absolute
-    top: 1px
-    width: 14px
-    &:after
-      +arrow($control-active-background-invert)
-      height: 4px
-      left: 3px
-      opacity: 0
-      position: absolute
-      top: 3px
-      transform: rotate(-45deg) scale(1)
-    &:checked
-      background: $control-active-background
-      border-color: $control-active-background
-      box-shadow: none
-      &:after
-        opacity: 1
-  &:hover
-    color: $control-hover
-    input
-      border-color: $control-hover-border
-      &:checked
-        border-color: $control-active-border
-  &.is-disabled
-    &,
-    &:hover
-      color: $text-light
-
-.checkbox
-  @extend %control-with-element
-
-.radio
-  @extend %control-with-element
-  & + .radio
-    margin-left: 10px
-  input
-    border-radius: 8px
-    &:after
-      background: $link-invert
-      border: 0
-      border-radius: 2px
-      left: 4px
-      top: 4px
-      transform: none
-      width: 4px
-
-.select
-  display: inline-block
-  height: 32px
-  position: relative
-  vertical-align: top
-  select
-    +control
-    cursor: pointer
-    display: block
-    outline: none
-    padding-right: 36px
-    &:hover
-      border-color: $control-hover-border
-  &:after
-    +arrow($link)
-    margin-top: -6px
-    right: 16px
-    top: 50%
-  &:hover
-    &:after
-      border-color: $link-hover
-
-.control
-  position: relative
-  &.is-loading
-    &:after
-      @extend .loader
-      position: absolute !important
-      right: 8px
-      top: 8px
-  &:not(:last-child)
-    margin-bottom: 10px
-  &.is-withicon
-    .fa
-      +fa(14px, 20px)
-      color: $text-light
-      left: 6px
-      pointer-events: none
-      position: absolute
-      top: 6px
-      z-index: 1
-    .input
-      padding-left: 32px
-      &:focus + .fa
-        color: $control-active
-  &.is-horizontal
-    display: flex
-    & > .button,
-    & > .input,
-    & > .select
-      &:not(:last-child)
-        margin-right: 10px
-    & > .input
-      flex: 1
-  &.is-grouped
-    display: flex
-    .input,
-    .button,
-    .select
-      border-radius: 0
-      margin-right: -1px
-      &:hover
-        z-index: 2
-      &:active,
-      &:focus
-        z-index: 3
-      &:first-child
-        border-radius: $radius 0 0 $radius
-        select
-          border-radius: $radius 0 0 $radius
-      &:last-child
-        border-radius: 0 $radius $radius 0
-    &.is-centered
-      justify-content: center