Sha256: 5c0274f0e60477e1bd2618149329472975373c8c5aeb04d3d703070e80c239bf

Contents?: true

Size: 1.02 KB

Versions: 68

Compression:

Stored size: 1.02 KB

Contents

=border-button($color)
  +border(all, solid)
  @if $color == $secondary
    $color: $root-color
  @else
    color: $color
  border-color: $color
  background-color: transparent
  &:link,
  &:visited
    color: $color
  &:hover,
  &.hover,
  &.is-hover
    color: $color
    background-color: rgba($color, .2)
  &:active,
  &.active,
  &.is-active
    color: luma_contrast_color($color)
    background-color: $color

  // radio & checkbos
  &.is-radio,
  &.is-checkbox
    &:before
      box-shadow: $color 0 0 0 1px

  // checked
  &.is-checked
    color: luma_contrast_color($button-checked-color)
    background-color: $button-checked-color
    border-color: shade($button-checked-color, 20%)
    &:before
      box-shadow: luma_contrast_color($button-checked-color) 0 0 0 1px

  // select
  &.is-select
    &:after
      color: $color
      border-left: 1px solid $color

  // disabled
  &.is-disabled,
  &:disabled
    $color: if(luma_bright($color), shade($color, 20%), tint($color, 20%))
    color: rgba($color, .7)
    border-color: $color

Version data entries

68 entries across 68 versions & 1 rubygems

Version Path
oulu-0.16.2 app/assets/stylesheets/modules/buttons/styles/_border.sass
oulu-0.16.1 app/assets/stylesheets/modules/buttons/styles/_border.sass
oulu-0.16.0 app/assets/stylesheets/modules/buttons/styles/_border.sass
oulu-0.15.5 app/assets/stylesheets/modules/buttons/styles/_border.sass
oulu-0.15.4 app/assets/stylesheets/modules/buttons/styles/_border.sass
oulu-0.15.3 app/assets/stylesheets/modules/buttons/styles/_border.sass
oulu-0.15.2 app/assets/stylesheets/modules/buttons/styles/_border.sass
oulu-0.15.1 app/assets/stylesheets/modules/buttons/styles/_border.sass
oulu-0.15.0 app/assets/stylesheets/modules/buttons/styles/_border.sass
oulu-0.14.1 app/assets/stylesheets/modules/buttons/styles/_border.sass
oulu-0.14.0 app/assets/stylesheets/modules/buttons/styles/_border.sass
oulu-0.13.4 app/assets/stylesheets/modules/buttons/styles/_border.sass
oulu-0.13.3 app/assets/stylesheets/modules/buttons/styles/_border.sass
oulu-0.13.2 app/assets/stylesheets/modules/buttons/styles/_border.sass
oulu-0.13.1 app/assets/stylesheets/modules/buttons/styles/_border.sass
oulu-0.12.42 app/assets/stylesheets/modules/buttons/styles/_border.sass
oulu-0.12.41 app/assets/stylesheets/modules/buttons/styles/_border.sass
oulu-0.12.40 app/assets/stylesheets/modules/buttons/styles/_border.sass
oulu-0.12.39 app/assets/stylesheets/modules/buttons/styles/_border.sass
oulu-0.12.38 app/assets/stylesheets/modules/buttons/styles/_border.sass