Sha256: d24e2c7fd8d372a45725d802d735be96ae4f248106d7a19761a30e3b3d231e68

Contents?: true

Size: 1.36 KB

Versions: 16

Compression:

Stored size: 1.36 KB

Contents

=dsml-button( $bg: $primaryColor, $text-color: #fcfcfc, $font-size: 1.2em, $hover: true, $fa: false )
  display: inline-block
  font-size: $font-size
  font-weight: 700
  line-height: 3.0em
  color: $text-color
  border: 1px solid darken( $bg, 6% )
  background-color: $bg
  background: linear-gradient( $bg, darken( $bg, 5% ) )
  border-radius: 2px
  padding: 0 15px
  cursor: pointer
  text-align: center
  text-decoration: none
  margin: 0px
  cursor: default
  text-transform: uppercase
  @if $hover
    cursor: pointer
    &:hover
      background: darken( $bg, 4% )
      box-shadow: darken( $bg, 10% ) 0 0 5px 0 inset
      color:  lighten( $text-color, 6% )
  @if $fa
    @extend .fa-#{$fa}
    &:before
      @extend .fa
      margin-right: 10px

// input wrapper buttons

=dsml-input-button($bg: $primaryColor, $text-color: #fcfcfc, $fa: false, $size: 1.2em, $fa-size: 1.2em)
  +dsml-button($bg, $text-color)
  padding: 0
  line-height: 1
  input, button
    font-size: $size
    border: none
    background: none
    padding: 0 20px
    line-height: 3.0em
    cursor: pointer
    color: $text-color
    font-weight: 700
    text-transform: uppercase
  @if $fa
    @extend .fa
    @extend .fa-#{$fa}
    input, button
      padding-left: 45px
    &:before
      @extend .fa
      position: absolute
      top: 50%
      margin-top: -0.5em
      left: 20px
      font-size: $fa-size

Version data entries

16 entries across 16 versions & 1 rubygems

Version Path
ds_media_library-0.7.2 app/assets/stylesheets/mixins/_buttons.sass
ds_media_library-0.7.1 app/assets/stylesheets/mixins/_buttons.sass
ds_media_library-0.7.0 app/assets/stylesheets/mixins/_buttons.sass
ds_media_library-0.6.1 app/assets/stylesheets/mixins/_buttons.sass
ds_media_library-0.6.0 app/assets/stylesheets/mixins/_buttons.sass
ds_media_library-0.5.6 app/assets/stylesheets/mixins/_buttons.sass
ds_media_library-0.5.5 app/assets/stylesheets/mixins/_buttons.sass
ds_media_library-0.5.4 app/assets/stylesheets/mixins/_buttons.sass
ds_media_library-0.5.3 app/assets/stylesheets/mixins/_buttons.sass
ds_media_library-0.5.2 app/assets/stylesheets/mixins/_buttons.sass
ds_media_library-0.5.1 app/assets/stylesheets/mixins/_buttons.sass
ds_media_library-0.5.0 app/assets/stylesheets/mixins/_buttons.sass
ds_media_library-0.4.0 app/assets/stylesheets/mixins/_buttons.sass
ds_media_library-0.3.1 app/assets/stylesheets/mixins/_buttons.sass
ds_media_library-0.3.0 app/assets/stylesheets/mixins/_buttons.sass
ds_media_library-0.2.0 app/assets/stylesheets/mixins/_buttons.sass