Sha256: 0e41c5c3c450f03c8a6ba823f999f1e62c107d2a3380ce7dbfed2d4d1cf2f83d
Contents?: true
Size: 1.23 KB
Versions: 7
Compression:
Stored size: 1.23 KB
Contents
// Name: Form file
// Description: Extends form component
//
// Component: `uk-form`
//
// Sub-objects: `uk-form-file`
//
// Markup:
//
// <!-- uk-form-file -->
// <div class="uk-form-file">
// <button class="uk-button"></button>
// <input type="file">
// </div>
//
// ========================================================================
/* ========================================================================
Component: Form file
========================================================================== */
/*
* 1. Behave like form elements
* 2. Create position context for dropdowns
* 3. Clip content
*/
.uk-form-file {
/* 1 */
display: inline-block;
vertical-align: middle;
/* 2 */
position: relative;
/* 3 */
overflow: hidden;
}
/*
* 1. Required for Firefox
* 2. Expand height and required for the cursor
*/
.uk-form-file input[type="file"] {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
opacity: 0;
cursor: pointer;
/* 1 */
left: 0;
/* 2 */
font-size: 500px;
}
// Hooks
// ========================================================================
@include hook-form-file-misc();
// @mixin hook-form-file-misc(){}
Version data entries
7 entries across 7 versions & 4 rubygems