bulma-sass 0.0.2 → 0.6.0

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

@@ -1,172 +0,0 @@
-@charset "utf-8"
-
-@import controls
-@import buttons
-@import titles
-@import messages
-@import notifications
-
-.highlight
-  font-size: 12px
-  font-weight: normal
-  max-width: 100%
-  overflow: hidden
-  padding: 0
-  &:not(:last-child)
-    margin-bottom: 20px
-  pre
-    overflow: auto
-    max-width: 100%
-
-.delete
-  background: rgba(black, 0.2)
-  border-radius: 290486px
-  cursor: pointer
-  display: inline-block
-  height: 24px
-  position: relative
-  vertical-align: top
-  width: 24px
-  &:before,
-  &:after
-    background: white
-    content: ""
-    display: block
-    height: 2px
-    left: 6px
-    position: absolute
-    top: 11px
-    width: 12px
-  &:before
-    transform: rotate(45deg)
-  &:after
-    transform: rotate(-45deg)
-  &:hover
-    background: rgba(black, 0.5)
-  &.is-small
-    height: 16px
-    width: 16px
-    &:before,
-    &:after
-      left: 4px
-      top: 7px
-      width: 8px
-
-.icon
-  +fa(21px, 24px)
-  .fa
-    font-size: inherit
-    line-height: inherit
-  &.is-small
-    +fa(14px, 20px)
-  &.is-medium
-    +fa(28px, 32px)
-  &.is-large
-    +fa(42px, 48px)
-
-.hamburger
-  cursor: pointer
-  display: block
-  height: $header-height
-  padding: 19px 17px
-  position: relative
-  width: $header-height
-  span
-    background: $text
-    display: block
-    height: 1px
-    left: 17px
-    position: absolute
-    transition: none $speed $easing
-    transition-property: background, left, opacity, transform
-    width: 15px
-    &:nth-child(1)
-      top: 19px
-    &:nth-child(2)
-      top: 24px
-    &:nth-child(3)
-      bottom: 20px
-  &:hover
-    background: $background
-  &.is-active
-    span
-      background: $link
-      &:nth-child(1)
-        left: 20px
-        transform: rotate(45deg)
-        transform-origin: left top
-      &:nth-child(2)
-        opacity: 0
-      &:nth-child(3)
-        left: 20px
-        transform: rotate(-45deg)
-        transform-origin: left bottom
-
-.heading
-  display: block
-  font-size: 11px
-  letter-spacing: 1px
-  margin-bottom: 5px
-  text-transform: uppercase
-
-.loader
-  animation: spin-around 500ms infinite linear
-  border: 2px solid $border
-  border-radius: 290486px
-  border-right-color: transparent
-  border-top-color: transparent
-  content: ""
-  display: block
-  height: 16px
-  position: relative
-  width: 16px
-
-.number
-  background: $background
-  border-radius: 290486px
-  display: inline-block
-  font-size: $size-medium
-  vertical-align: top
-
-.tag
-  background: $background
-  border-radius: $radius
-  box-shadow: inset 0 -1px 0 rgba(black, 0.1)
-  color: $text
-  display: inline-block
-  font-size: 12px
-  height: 24px
-  line-height: 16px
-  padding: 4px 10px
-  vertical-align: top
-  white-space: nowrap
-  &.is-dark
-    background: $text
-    color: $text-invert
-  &.is-rounded
-    border-radius: 290486px
-  &.is-medium
-    box-shadow: inset 0 -2px 0 rgba(black, 0.1)
-    font-size: $size-normal
-    height: 32px
-    padding: 7px 14px 9px
-  &:not(.is-large)
-    .delete
-      @extend .delete.is-small
-      margin-left: 4px
-      margin-right: -6px
-  &.is-large
-    box-shadow: inset 0 -2px 0 rgba(black, 0.1)
-    font-size: $size-5
-    height: 40px
-    line-height: 24px
-    padding: 7px 18px 9px
-    .delete
-      margin-left: 4px
-      margin-right: -8px
-  @each $name, $pair in $colors
-    $color: nth($pair, 1)
-    $color-invert: nth($pair, 2)
-    &.is-#{$name}
-      background: $color
-      color: $color-invert

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

@@ -1,41 +0,0 @@
-.message-body
-  border: 1px solid $border
-  border-radius: $radius
-  padding: 12px 15px
-  strong
-    color: inherit
-
-.message-header
-  background: $text
-  border-radius: $radius $radius 0 0
-  color: $text-invert
-  font-size: 10px
-  font-weight: bold
-  letter-spacing: 1px
-  padding: 3px 8px
-  text-transform: uppercase
-  & + .message-body
-    border-radius: 0 0 $radius $radius
-    border-top: none
-
-.message
-  background: $background
-  border-radius: $radius
-  &:not(:last-child)
-    margin-bottom: 20px
-  @each $name, $pair in $colors
-    $color: nth($pair, 1)
-    $color-invert: nth($pair, 2)
-    $lightning: (100% - lightness($color)) - 4%
-    $darkness: max(lightness($color) - 10%, lightness($color))
-    &.is-#{$name}
-      background: lighten($color, $lightning)
-      .message-header
-        background: $color
-        color: $color-invert
-      .message-body
-        border-color: $color
-        @if (colorLuminance($color) > 0.8)
-          color: desaturate(lighten(darken($color, 100%), 40%), 40%)
-        @else
-          color: desaturate(lighten(darken($color, 100%), 50%), 30%)

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

@@ -1,20 +0,0 @@
-.notification
-  +clearfix
-  background: $background
-  border-radius: $radius
-  padding: 16px 20px
-  position: relative
-  &:not(:last-child)
-    margin-bottom: 20px
-  .title
-    color: inherit
-  @each $name, $pair in $colors
-    $color: nth($pair, 1)
-    $color-invert: nth($pair, 2)
-    &.is-#{$name}
-      background: $color
-      color: $color-invert
-  .delete
-    border-radius: 0 $radius
-    float: right
-    margin: -16px -20px 0 20px

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

@@ -1,57 +0,0 @@
-.title,
-.subtitle
-  font-weight: 300
-  &:not(:last-child)
-    margin-bottom: 20px
-
-.title
-  color: $text-strong
-  font-size: $size-large
-  line-height: 1
-  strong
-    color: inherit
-  code
-    display: inline-block
-    font-size: $size-large
-  & + .subtitle
-    margin-top: -10px
-  & + .highlight
-    margin-top: -10px
-  &.is-normal
-    font-weight: 400
-    strong
-      font-weight: 700
-  @each $size in $sizes
-    $i: index($sizes, $size)
-    &.is-#{$i}
-      font-size: $size
-      code
-        font-size: nth($sizes, min($i + 1, 6))
-  +tablet
-    & + .subtitle
-      margin-top: -15px
-
-.subtitle
-  font-size: $size-medium
-  line-height: 1.125
-  strong
-    color: $text-strong
-    font-weight: 400
-  code
-    border-radius: $radius
-    display: inline-block
-    font-size: $size-normal
-    padding: 2px 3px
-    vertical-align: top
-  & + .text
-    margin-top: 20px
-  &.is-normal
-    font-weight: 400
-    strong
-      font-weight: 700
-  @each $size in $sizes
-    $i: index($sizes, $size)
-    &.is-#{$i}
-      font-size: $size
-      code
-        font-size: nth($sizes, min($i + 1, 6))

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

@@ -1,11 +0,0 @@
-.footer
-  background: $background
-  padding: 40px 20px 80px
-  a
-    color: $text
-    &:hover
-      color: $text-strong
-    &:not(.icon)
-      border-bottom: 1px solid $border
-      &:hover
-        border-bottom-color: $link

data/app/assets/stylesheets/bulma/layout/header.sass

@@ -1,149 +0,0 @@
-.header
-  +clearfix
-  background: white
-  box-shadow: 0 1px 2px rgba(black, 0.1)
-  height: $header-height
-  line-height: 24px
-  position: relative
-  text-align: center
-  z-index: 2
-  .container
-    align-items: center
-    box-shadow: 0 1px 0 rgba($border, 0.3)
-    display: flex
-    height: $header-height
-
-.header-toggle
-  @extend .hamburger
-  +tablet
-    display: none
-
-// Elements
-
-.header-item
-  display: block
-  padding: 0 10px
-  a
-    color: $text
-    &:hover
-      color: $link-hover
-    &.is-active
-      color: $link-active
-  .fa
-    font-size: 21px
-    line-height: 24px
-
-.header-icon
-  +fa(14px, 24px)
-  color: $text
-  margin: 0 5px
-  &:hover
-    color: $link-hover
-
-.header-tab
-  border-bottom: 1px solid transparent
-  color: $text
-  display: block
-  height: $header-height
-  line-height: 24px
-  padding: 13px 15px
-  &:hover
-    border-bottom: 1px solid $link
-  &.is-active
-    border-bottom: 3px solid $link
-    color: $link
-
-.header-logo
-  align-items: center
-  display: flex
-  img
-    max-height: 24px
-  +touch
-    padding: 0 10px
-  +tablet
-    padding-right: 10px
-
-// Containers
-
-.header-left
-  align-items: center
-  display: flex
-  flex: 1
-  overflow: hidden
-  overflow-x: auto
-  white-space: nowrap
-
-.header-center
-  align-items: center
-  display: flex
-  height: $header-height
-  left: 50%
-  position: absolute
-  transform: translateX(-50%)
-
-.header-right
-  align-items: center
-  +tablet
-    display: flex
-  +desktop
-    .header-item:last-child
-      padding-right: 0
-
-.header-full
-  align-items: stretch
-  display: flex
-  height: $header-height
-  justify-content: center
-  text-align: center
-  width: 100%
-  & > .header-item
-    align-items: stretch
-    display: flex
-    flex: 1
-    justify-content: center
-    padding: 0
-    & > a
-      align-items: center
-      display: flex
-      justify-content: center
-      width: 100%
-
-.header-menu
-  +mobile
-    background: white
-    box-shadow: 0 4px 7px rgba(black, 0.1)
-    display: none
-    position: absolute
-    right: 0
-    top: $header-height
-    z-index: 100
-    .header-item
-      border-top: 1px solid rgba($border, 0.5)
-      padding: 10px
-    &.is-active
-      display: block
-
-// States
-
-.header.is-centered
-  justify-content: center
-  .header-left,
-  .header-center,
-  .header-right
-    justify-content: center
-
-.header.is-small
-  background: $background
-  box-shadow: none
-  height: 40px
-  z-index: 1
-  .container
-    height: 40px
-  .header-tab
-    font-size: 13px
-    height: 40px
-    padding: 8px 10px
-    &:hover,
-    &.is-active
-      border-bottom-width: 2px
-