Sha256: 811246f2c528deedf289e454ba329b37f1132ed3e984181da20052aa23bc7c48
Contents?: true
Size: 1.3 KB
Versions: 7
Compression:
Stored size: 1.3 KB
Contents
// Name: Form select
// Description: Extends form component
//
// Component: `uk-form`
//
// Sub-objects: `uk-form-select`
//
// Markup:
//
// <!-- uk-form-select -->
// <div class="uk-form-select" data-uk-form-select>
// <span></span>
// <select>
// <option value=""></option>
// </select>
// </div>
//
// ========================================================================
/* ========================================================================
Component: Form select
========================================================================== */
/*
* 1. Behave like form elements
* 2. Create position context for dropdowns
* 3. Clip content
*/
.uk-form-select {
/* 1 */
display: inline-block;
vertical-align: middle;
/* 2 */
position: relative;
/* 3 */
overflow: hidden;
}
/*
* 1. Required for Firefox
* 1. Required for Webkit to make `height` work
*/
.uk-form-select select {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
/* 1 */
left: 0;
/* 2 */
-webkit-appearance: none;
}
// Hooks
// ========================================================================
@include hook-form-select-misc();
// @mixin hook-form-select-misc(){}
Version data entries
7 entries across 7 versions & 4 rubygems