Sha256: 62cd83d9af21f65d30dfa4d1b953b519ea4e7309f707a21274460ad70f80fd7a
Contents?: true
Size: 1.46 KB
Versions: 3
Compression:
Stored size: 1.46 KB
Contents
// Checkbox HTML structure:
// <div class="rf-check">
// <label class="rf-check__container">
// <input class="rf-check__input" type="checkbox" name="name" id="id" value="true" checked="checked">
// <span class="rf-check__label">Checkbox Label</span>
// </label>
// </div>
//
// Styled checkboxes
//
.rf-check {
clear: both;
display: inline-block;
font-size: 14px;
line-height: 14px;
margin-bottom: 0;
min-height: auto;
padding-top: 0;
vertical-align: middle;
}
.rf-check__container {
cursor: pointer;
margin-bottom: 0;
margin-left: 22px;
padding-left: 0;
position: relative;
}
.rf-check__input {
display: none;
}
.rf-check__label {
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 14px;
text-indent: -22px;
}
.rf-check__label:before {
border: 1px solid $stormy;
border-radius: $border-radius;
color: $blue-bright;
display: inline-block;
font-family: $font-icon-f5;
font-size: 11px;
font-weight: 900;
height: 18px;
line-height: 1.6em;
margin-right: 8px;
margin-top: -2px;
text-align: center;
text-indent: 0;
width: 18px;
vertical-align: middle;
}
.rf-check__input + .rf-check__label:before {
content: " "; // empty
}
.rf-check__input:checked + .rf-check__label:before {
content: "\f00c"; // check
}
//
// Disabled (faded out)
//
.rf-check--disabled {
cursor: default;
opacity: .4;
}
//
// NO LABEL
// Checkbox without label text
//
.rf-check--nolabel {
width: 14px;
}
Version data entries
3 entries across 3 versions & 1 rubygems