cyril lopez 9740ab3869 Rename custome InputCheckbox
I ran into an issue with webpack which chould get the appropriate file beacsue of conflicting between components from the strapi-helper-plugin and components from the plugin itself. Had to rename this file in order to solve the bug
2018-02-06 18:01:44 +01:00

59 lines
916 B
SCSS

.inputCheckbox {
margin-bottom: .5rem;
padding-left: 0;
font-size: 13px;
> div {
height: 26px;
padding-left: 15px;
line-height: 26px;
> i {
position: absolute;
top: 8px;
right: 10px;
color: #787E8F;
cursor: pointer;
}
}
}
.label {
margin-left: 9px;
cursor: pointer;
> input {
display: none;
margin-right: 9px;
}
&:before {
content: '';
position: absolute;
left:15px; top: 6px;
width: 14px; height: 14px;
border: 1px solid rgba(16,22,34,0.15);
background-color: #FDFDFD;
border-radius: 3px;
}
}
.checked {
&:after {
content: '\f00c';
position: absolute;
top: 0; left: 17px;
font-size: 10px;
font-family: 'FontAwesome';
font-weight: 100;
color: #1C5DE7;
transition: all .2s;
}
}
.highlighted {
border-radius: 3px;
background-color: #E9EAEB;
font-weight: 600;
}