/*! UIkit 2.27.2 | www.getuikit.com | © 2014 YOOtheme | MIT License */ /* ========================================================================
Component: Form advanced Note: Only works in Webkit at the moment ========================================================================== */
/*
* 1. Style * 2. Makes box more robust so it clips the child element * 3. Vertical alignment * 4. Remove default style * 5. Fix black background on iOS */
.uk-form input, .uk-form input {
/* 1 */ display: inline-block; height: 14px; width: 14px; border: 1px solid #aaa; /* 2 */ overflow: hidden; /* 3 */ margin-top: -4px; vertical-align: middle; /* 4 */ -webkit-appearance: none; outline: 0; /* 5 */ background: transparent;
} /* Radio */ .uk-form input {
border-radius: 50%;
} /*
* Checked */
.uk-form input:before, .uk-form input:before {
display: block;
} /* Radio */ .uk-form input:checked:before {
content: ''; width: 8px; height: 8px; margin: 2px auto 0; border-radius: 50%; background: #00a8e6;
} /* Checkbox */ .uk-form input:checked:before, .uk-form input:indeterminate:before {
content: "\f00c"; font-family: FontAwesome; font-size: 12px; -webkit-font-smoothing: antialiased; text-align: center; line-height: 12px; color: #00a8e6;
} .uk-form input:indeterminate:before {
content: "\f068";
} /*
* Disabled */
.uk-form input:disabled, .uk-form input:disabled {
border-color: #ddd;
} .uk-form input:disabled:checked:before {
background-color: #aaa;
} .uk-form input:disabled:checked:before, .uk-form input:disabled:indeterminate:before {
color: #aaa;
}