Sha256: 0124dde0a69f83832c7087608dcffb8bfc292a0c7753f194d87fd2c530bc6593
Contents?: true
Size: 1.42 KB
Versions: 14
Compression:
Stored size: 1.42 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;
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: FontAwesome;
font-size: 9px;
height: 14px;
line-height: 1.4em;
margin-right: 8px;
margin-top: -2px;
text-align: center;
text-indent: 0;
width: 14px;
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
14 entries across 14 versions & 1 rubygems