63 lines
1.2 KiB
Plaintext
63 lines
1.2 KiB
Plaintext
// 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
|
|
// ========================================================================
|
|
|
|
.hook-form-file-misc;
|
|
|
|
.hook-form-file-misc() {} |