Sha256: 506d4cdba7f53d03db181c4a672318597f6157a6f093a235a147a9c603db4208
Contents?: true
Size: 1.09 KB
Versions: 8
Compression:
Stored size: 1.09 KB
Contents
=custom-radio($h: 46px)
+button( #fff, #444 )
box-shadow: darken( #f9f9f9, 10% ) 0 1px 6px 0 inset
border: 1px solid darken( #f9f9f9, 15% )
min-height: $h
height: $h
line-height: $h
text-align: left
padding: 0px
position: relative
width: 100%
font-weight: 700
//+bp_tablet_portrait
//font-size: 1.4em
input[type="checkbox"], input[type="radio"]
opacity: 0.001
position: absolute
top: 0
left: 0
z-index: 2
cursor: pointer
&:checked
& + .custom-symbol
color: #f5f5f5
background: $primaryColor
box-shadow: darken($primaryColor, 10% ) -1px 0 4px 0 inset
span
display: inline-block
vertical-align: top
margin-top: -2px
.custom-symbol
display: inline-block
color: #e0e0e0
border-right: 1px solid #e0e0e0
padding: 0 8px
margin-right: 5px
vertical-align: top
line-height: $h - 2px
font-size: 1.2em
border-left-radius: 2px
&:before
@extend .fa
&.checked
color: #f5f5f5
background: $primaryColor
box-shadow: darken($primaryColor, 10% ) -1px 0 4px 0 inset
Version data entries
8 entries across 8 versions & 1 rubygems