ng2-ui-kit
Version:
Angular2 UI Kit
49 lines (48 loc) • 1.56 kB
CSS
.ui-kit-checkbox-container {
display: block;
cursor: pointer;
margin: 30px 0 10px 0;
height: 24px; }
.ui-kit-checkbox-container .ui-kit-checkbox {
width: 24px;
height: 24px;
border-radius: 3px;
border: 1px solid #cad2e1;
background: #fff;
float: left;
display: block; }
.ui-kit-checkbox-container span {
float: left;
color: #97a1b5;
font-size: 14px;
padding-top: 3px;
margin-left: 5px;
display: block; }
.ui-kit-checkbox-container i {
font-size: 36px;
display: block;
margin: -10px 0 0 4px; }
.ui-kit-checkbox-container.checked .ui-kit-checkbox {
background: rgba(68, 200, 249, 0.15); }
.ui-kit-checkbox-container.checked span {
color: #44c8f9; }
.ui-kit-checkbox-container.checked i {
color: #44c8f9; }
.ui-kit-checkbox-container.danger.checked .ui-kit-checkbox {
background: rgba(226, 116, 126, 0.15); }
.ui-kit-checkbox-container.danger.checked span {
color: #e2747e; }
.ui-kit-checkbox-container.danger.checked i {
color: #e2747e; }
.ui-kit-checkbox-container.warning.checked .ui-kit-checkbox {
background: rgba(244, 191, 77, 0.15); }
.ui-kit-checkbox-container.warning.checked span {
color: #f4bf4d; }
.ui-kit-checkbox-container.warning.checked i {
color: #f4bf4d; }
.ui-kit-checkbox-container.success.checked .ui-kit-checkbox {
background: rgba(63, 197, 157, 0.15); }
.ui-kit-checkbox-container.success.checked span {
color: #3fc59d; }
.ui-kit-checkbox-container.success.checked i {
color: #3fc59d; }