Renamed the uikit lib folders. Resolved the gh-188 by updateing the note. Resolved gh-92 by implementation of the library manager in the compiler.
This commit is contained in:
191
admin/custom/uikit-v2/css/components/search.almost-flat.css
Normal file
191
admin/custom/uikit-v2/css/components/search.almost-flat.css
Normal file
@ -0,0 +1,191 @@
|
||||
/*! UIkit 2.27.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||
/* ========================================================================
|
||||
Component: Search
|
||||
========================================================================== */
|
||||
/*
|
||||
* 1. Create position context for dropdowns
|
||||
* 2. Needed for `form` element
|
||||
*/
|
||||
.uk-search {
|
||||
display: inline-block;
|
||||
/* 1 */
|
||||
position: relative;
|
||||
/* 2 */
|
||||
margin: 0;
|
||||
}
|
||||
/*
|
||||
* Icon
|
||||
*/
|
||||
.uk-search:before {
|
||||
content: "\f002";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
font-family: FontAwesome;
|
||||
font-size: 14px;
|
||||
color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
/* Sub-object `uk-search-field`
|
||||
========================================================================== */
|
||||
/*
|
||||
* Removes inner padding and border in Firefox 4+.
|
||||
*/
|
||||
.uk-search-field::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
/*
|
||||
* Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.
|
||||
*/
|
||||
.uk-search-field::-webkit-search-cancel-button,
|
||||
.uk-search-field::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
/*
|
||||
* Removes cancel button in IE10
|
||||
*/
|
||||
.uk-search-field::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
/*
|
||||
* Removes placeholder transparency in Firefox.
|
||||
*/
|
||||
.uk-search-field::-moz-placeholder {
|
||||
opacity: 1;
|
||||
}
|
||||
/*
|
||||
* 1. Define consistent box sizing.
|
||||
* 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
|
||||
* 3. Remove `border-radius` in iOS.
|
||||
* 4. Correct `font` properties and `color` not being inherited.
|
||||
* 5. Remove default style in iOS.
|
||||
* 6. Style
|
||||
*/
|
||||
.uk-search-field {
|
||||
/* 1 */
|
||||
box-sizing: border-box;
|
||||
/* 2 */
|
||||
margin: 0;
|
||||
/* 3 */
|
||||
border-radius: 0;
|
||||
/* 4 */
|
||||
font: inherit;
|
||||
color: #444;
|
||||
/* 5 */
|
||||
-webkit-appearance: none;
|
||||
/* 6 */
|
||||
width: 120px;
|
||||
height: 30px;
|
||||
padding: 0 0 0 30px;
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
background: rgba(0, 0, 0, 0);
|
||||
-webkit-transition: all 0.2s linear;
|
||||
transition: all 0.2s linear;
|
||||
vertical-align: middle;
|
||||
}
|
||||
/* Placeholder */
|
||||
.uk-search-field:-ms-input-placeholder {
|
||||
color: #999 !important;
|
||||
}
|
||||
.uk-search-field::-moz-placeholder {
|
||||
color: #999;
|
||||
}
|
||||
.uk-search-field::-webkit-input-placeholder {
|
||||
color: #999;
|
||||
}
|
||||
/* Focus */
|
||||
.uk-search-field:focus {
|
||||
outline: 0;
|
||||
}
|
||||
/* Focus + Active */
|
||||
.uk-search-field:focus,
|
||||
.uk-search.uk-active .uk-search-field {
|
||||
width: 180px;
|
||||
}
|
||||
/* Dropdown modifier: `uk-dropdown-search`
|
||||
========================================================================== */
|
||||
.uk-dropdown-search {
|
||||
width: 300px;
|
||||
margin-top: 0;
|
||||
background: #fff;
|
||||
color: #444;
|
||||
}
|
||||
.uk-open > .uk-dropdown-search {
|
||||
-webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
|
||||
animation: uk-slide-top-fixed 0.2s ease-in-out;
|
||||
}
|
||||
/*
|
||||
* Dependency `uk-navbar-flip`
|
||||
*/
|
||||
.uk-navbar-flip .uk-dropdown-search {
|
||||
margin-top: 12px;
|
||||
margin-right: -16px;
|
||||
}
|
||||
/* Nav modifier `uk-nav-search`
|
||||
========================================================================== */
|
||||
/*
|
||||
* Items
|
||||
*/
|
||||
.uk-nav-search > li > a {
|
||||
color: #444;
|
||||
}
|
||||
/*
|
||||
* Active
|
||||
* 1. Remove default focus style
|
||||
*/
|
||||
.uk-nav-search > li.uk-active > a {
|
||||
background: #00a8e6;
|
||||
color: #fff;
|
||||
/* 1 */
|
||||
outline: none;
|
||||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
/*
|
||||
* Sub-object: `uk-nav-header`
|
||||
*/
|
||||
.uk-nav-search .uk-nav-header {
|
||||
color: #999;
|
||||
}
|
||||
/*
|
||||
* Sub-object: `uk-nav-divider`
|
||||
*/
|
||||
.uk-nav-search .uk-nav-divider {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
/*
|
||||
* Nested items
|
||||
*/
|
||||
.uk-nav-search ul a {
|
||||
color: #07D;
|
||||
}
|
||||
.uk-nav-search ul a:hover {
|
||||
color: #059;
|
||||
}
|
||||
/* Search in offcanvas
|
||||
========================================================================== */
|
||||
.uk-offcanvas .uk-search {
|
||||
display: block;
|
||||
margin: 20px 15px;
|
||||
}
|
||||
.uk-offcanvas .uk-search:before {
|
||||
color: #777;
|
||||
}
|
||||
.uk-offcanvas .uk-search-field {
|
||||
width: 100%;
|
||||
border-color: rgba(0, 0, 0, 0);
|
||||
background: #1a1a1a;
|
||||
color: #ccc;
|
||||
}
|
||||
.uk-offcanvas .uk-search-field:-ms-input-placeholder {
|
||||
color: #777 !important;
|
||||
}
|
||||
.uk-offcanvas .uk-search-field::-moz-placeholder {
|
||||
color: #777;
|
||||
}
|
||||
.uk-offcanvas .uk-search-field::-webkit-input-placeholder {
|
||||
color: #777;
|
||||
}
|
||||
Reference in New Issue
Block a user