Sha256: d435bfb3dfd07e66b7147ffc62aa962e98df187e6a80c2e1901fd7383935b031
Contents?: true
Size: 1.2 KB
Versions: 8
Compression:
Stored size: 1.2 KB
Contents
@mixin button( $bg: $primaryColor, $text-color: #fcfcfc, $font-size: 1.6em, $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, 5% )
background-color: $bg
background: linear-gradient( $bg, darken( $bg, 5% ) )
border-radius: 2px
padding: 0 20px
text-align: center
text-decoration: none
cursor: default
@if $hover
cursor: pointer
&:hover
background: darken( $bg, 5% )
color: $text-color
@if $fa
@extend .fa-#{$fa}
&:before
@extend .fa
margin-right: 5px
// input wrapper buttons
=input-button($bg: $primaryColor, $text-color: #fcfcfc, $fa: false, $size: 1em)
+button($bg, $text-color)
padding: 0
line-height: 1
input, button
font-size: $size
border: none
background: none
padding: 0px 20px
line-height: 3em
cursor: pointer
color: $text-color
font-weight: 700
&:hover
input
color: $text-color
@if $fa
@extend .fa-#{$fa}
input, button
padding-left: 2em
&:before
@extend .fa
position: absolute
top: 50%
margin-top: -0.5em
left: 10px
font-size: $size
Version data entries
8 entries across 8 versions & 1 rubygems