vendor/assets/stylesheets/uikit.css in uikit2-rails-0.1.9 vs vendor/assets/stylesheets/uikit.css in uikit2-rails-0.1.10
- old
+ new
@@ -1,6 +1,6 @@
-/*! UIkit 2.26.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
/* ========================================================================
Component: Base
========================================================================== */
/*
* 1. Normalize default `font-family` and set `font-size` to support `rem` units
@@ -12,12 +12,12 @@
font: normal 14px / 20px "Helvetica Neue", Helvetica, Arial, sans-serif;
/* 2 */
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
/* 3 */
- background: #ffffff;
- color: #444444;
+ background: #fff;
+ color: #444;
}
/*
* Removes default margin.
*/
body {
@@ -41,17 +41,17 @@
/*
* Style
*/
a,
.uk-link {
- color: #0077dd;
+ color: #07D;
text-decoration: none;
cursor: pointer;
}
a:hover,
.uk-link:hover {
- color: #005599;
+ color: #059;
text-decoration: underline;
}
/* Text-level semantics
========================================================================== */
/*
@@ -77,34 +77,34 @@
/* 1 */
font-size: 12px;
/* 2 */
font-family: Consolas, monospace, serif;
/* 3 */
- color: #dd0055;
+ color: #D05;
white-space: nowrap;
}
/*
* Emphasize
*/
em {
- color: #dd0055;
+ color: #D05;
}
/*
* Insert
*/
ins {
- background: #ffffaa;
- color: #444444;
+ background: #ffa;
+ color: #444;
text-decoration: none;
}
/*
* Mark
* Note: Addresses styling not present in IE 8/9.
*/
mark {
- background: #ffffaa;
- color: #444444;
+ background: #ffa;
+ color: #444;
}
/*
* Quote
*/
q {
@@ -227,11 +227,11 @@
h5,
h6 {
margin: 0 0 15px 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
- color: #444444;
+ color: #444;
text-transform: none;
}
/*
* Margins
*/
@@ -310,22 +310,22 @@
box-sizing: content-box;
height: 0;
/* 2 */
margin: 15px 0;
border: 0;
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
}
/* Address
========================================================================== */
address {
font-style: normal;
}
/* Blockquotes
========================================================================== */
blockquote {
padding-left: 15px;
- border-left: 5px solid #dddddd;
+ border-left: 5px solid #ddd;
font-size: 16px;
line-height: 22px;
font-style: italic;
}
/* Preformatted text
@@ -335,26 +335,26 @@
*/
pre {
padding: 10px;
background: #f5f5f5;
font: 12px / 18px Consolas, monospace, serif;
- color: #444444;
+ color: #444;
-moz-tab-size: 4;
tab-size: 4;
/* 1 */
overflow: auto;
}
/* Selection pseudo-element
========================================================================== */
::-moz-selection {
- background: #3399ff;
- color: #ffffff;
+ background: #39f;
+ color: #fff;
text-shadow: none;
}
::selection {
- background: #3399ff;
- color: #ffffff;
+ background: #39f;
+ color: #fff;
text-shadow: none;
}
/* HTML5 elements
========================================================================== */
/*
@@ -600,22 +600,22 @@
.uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {
- border-left: 1px solid #dddddd;
+ border-left: 1px solid #ddd;
}
/* Tablet and bigger */
@media (min-width: 768px) {
.uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
- border-left: 1px solid #dddddd;
+ border-left: 1px solid #ddd;
}
}
/* Desktop and bigger */
@media (min-width: 960px) {
.uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
- border-left: 1px solid #dddddd;
+ border-left: 1px solid #ddd;
}
}
/* Large screen and bigger */
@media (min-width: 1220px) {
/*
@@ -638,11 +638,11 @@
* Vertical divider
*/
.uk-grid-divider:empty {
margin-top: 25px;
margin-bottom: 25px;
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
}
/* Match panels in grids
========================================================================== */
/*
* 1. Behave like a block element
@@ -1311,11 +1311,11 @@
margin-bottom: 15px;
font-size: 18px;
line-height: 24px;
font-weight: normal;
text-transform: none;
- color: #444444;
+ color: #444;
}
/* Sub-object: `uk-panel-badge`
========================================================================== */
.uk-panel-badge {
position: absolute;
@@ -1336,17 +1336,17 @@
/* Modifier: `uk-panel-box`
========================================================================== */
.uk-panel-box {
padding: 15px;
background: #f5f5f5;
- color: #444444;
+ color: #444;
}
.uk-panel-box-hover:hover {
- color: #444444;
+ color: #444;
}
.uk-panel-box .uk-panel-title {
- color: #444444;
+ color: #444;
}
.uk-panel-box .uk-panel-badge {
top: 10px;
right: 10px;
}
@@ -1376,28 +1376,28 @@
}
/*
* Sub-modifier: `uk-panel-box-secondary`
*/
.uk-panel-box-secondary {
- background-color: #eeeeee;
- color: #444444;
+ background-color: #eee;
+ color: #444;
}
.uk-panel-box-secondary-hover:hover {
- color: #444444;
+ color: #444;
}
.uk-panel-box-secondary .uk-panel-title {
- color: #444444;
+ color: #444;
}
/* Modifier: `uk-panel-hover`
========================================================================== */
.uk-panel-hover {
padding: 15px;
- color: #444444;
+ color: #444;
}
.uk-panel-hover:hover {
background: #f5f5f5;
- color: #444444;
+ color: #444;
}
.uk-panel-hover .uk-panel-badge {
top: 10px;
right: 10px;
}
@@ -1408,12 +1408,12 @@
}
/* Modifier: `uk-panel-header`
========================================================================== */
.uk-panel-header .uk-panel-title {
padding-bottom: 10px;
- border-bottom: 1px solid #dddddd;
- color: #444444;
+ border-bottom: 1px solid #ddd;
+ color: #444;
}
/* Modifier: `uk-panel-space`
========================================================================== */
.uk-panel-space {
padding: 30px;
@@ -1432,11 +1432,11 @@
display: block;
position: absolute;
top: -25px;
left: 0;
right: 0;
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
}
/* Large screen and bigger */
@media (min-width: 1220px) {
.uk-panel + .uk-panel-divider {
margin-top: 70px !important;
@@ -1505,11 +1505,11 @@
========================================================================== */
/*
* Default
*/
.uk-block-default {
- background: #ffffff;
+ background: #fff;
}
/*
* Muted
*/
.uk-block-muted {
@@ -1523,11 +1523,11 @@
}
/*
* Secondary
*/
.uk-block-secondary {
- background: #222222;
+ background: #222;
}
/*
* Adjust padding between equal colored blocks
*/
.uk-block-default + .uk-block-default,
@@ -1577,25 +1577,25 @@
/* Sub-object `uk-article-meta`
========================================================================== */
.uk-article-meta {
font-size: 12px;
line-height: 18px;
- color: #999999;
+ color: #999;
}
/* Sub-object `uk-article-lead`
========================================================================== */
.uk-article-lead {
- color: #444444;
+ color: #444;
font-size: 18px;
line-height: 24px;
font-weight: normal;
}
/* Sub-object `uk-article-divider`
========================================================================== */
.uk-article-divider {
margin-bottom: 25px;
- border-color: #dddddd;
+ border-color: #ddd;
}
* + .uk-article-divider {
margin-top: 25px;
}
/* ========================================================================
@@ -1634,11 +1634,11 @@
========================================================================== */
.uk-comment-meta {
margin: 2px 0 0 0;
font-size: 11px;
line-height: 16px;
- color: #999999;
+ color: #999;
}
/* Sub-object `uk-comment-body`
========================================================================== */
/*
* Remove margin from the last-child
@@ -1791,139 +1791,139 @@
========================================================================== */
/*
* Items
*/
.uk-nav-side > li > a {
- color: #444444;
+ color: #444;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-nav-side > li > a:hover,
.uk-nav-side > li > a:focus {
background: rgba(0, 0, 0, 0.05);
- color: #444444;
+ color: #444;
/* 2 */
outline: none;
}
/* Active */
.uk-nav-side > li.uk-active > a {
background: #00a8e6;
- color: #ffffff;
+ color: #fff;
}
/*
* Sub-object: `uk-nav-header`
*/
.uk-nav-side .uk-nav-header {
- color: #444444;
+ color: #444;
}
/*
* Sub-object: `uk-nav-divider`
*/
.uk-nav-side .uk-nav-divider {
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
}
/*
* Nested items
*/
.uk-nav-side ul a {
- color: #0077dd;
+ color: #07D;
}
.uk-nav-side ul a:hover {
- color: #005599;
+ color: #059;
}
/* Modifier `uk-nav-dropdown`
========================================================================== */
/*
* Items
*/
.uk-nav-dropdown > li > a {
- color: #444444;
+ color: #444;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-nav-dropdown > li > a:hover,
.uk-nav-dropdown > li > a:focus {
background: #00a8e6;
- color: #ffffff;
+ color: #fff;
/* 2 */
outline: none;
}
/*
* Sub-object: `uk-nav-header`
*/
.uk-nav-dropdown .uk-nav-header {
- color: #999999;
+ color: #999;
}
/*
* Sub-object: `uk-nav-divider`
*/
.uk-nav-dropdown .uk-nav-divider {
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
}
/*
* Nested items
*/
.uk-nav-dropdown ul a {
- color: #0077dd;
+ color: #07D;
}
.uk-nav-dropdown ul a:hover {
- color: #005599;
+ color: #059;
}
/* Modifier `uk-nav-navbar`
========================================================================== */
/*
* Items
*/
.uk-nav-navbar > li > a {
- color: #444444;
+ color: #444;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
background: #00a8e6;
- color: #ffffff;
+ color: #fff;
/* 2 */
outline: none;
}
/*
* Sub-object: `uk-nav-header`
*/
.uk-nav-navbar .uk-nav-header {
- color: #999999;
+ color: #999;
}
/*
* Sub-object: `uk-nav-divider`
*/
.uk-nav-navbar .uk-nav-divider {
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
}
/*
* Nested items
*/
.uk-nav-navbar ul a {
- color: #0077dd;
+ color: #07D;
}
.uk-nav-navbar ul a:hover {
- color: #005599;
+ color: #059;
}
/* Modifier `uk-nav-offcanvas`
========================================================================== */
/*
* Items
*/
.uk-nav-offcanvas > li > a {
- color: #cccccc;
+ color: #ccc;
padding: 10px 15px;
}
/*
* Hover
* No hover on touch devices because it behaves buggy in fixed offcanvas
@@ -1932,27 +1932,27 @@
*/
.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
background: #404040;
- color: #ffffff;
+ color: #fff;
/* 2 */
outline: none;
}
/*
* Active
* `html .uk-nav` needed for higher specificity to override hover
*/
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
background: #1a1a1a;
- color: #ffffff;
+ color: #fff;
}
/*
* Sub-object: `uk-nav-header`
*/
.uk-nav-offcanvas .uk-nav-header {
- color: #777777;
+ color: #777;
}
/*
* Sub-object: `uk-nav-divider`
*/
.uk-nav-offcanvas .uk-nav-divider {
@@ -1961,21 +1961,21 @@
/*
* Nested items
* No hover on touch devices because it behaves buggy in fixed offcanvas
*/
.uk-nav-offcanvas ul a {
- color: #cccccc;
+ color: #ccc;
}
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
- color: #ffffff;
+ color: #fff;
}
/* ========================================================================
Component: Navbar
========================================================================== */
.uk-navbar {
- background: #eeeeee;
- color: #444444;
+ background: #eee;
+ color: #444;
}
/*
* Micro clearfix
*/
.uk-navbar:before,
@@ -2013,11 +2013,11 @@
/* 1 */
height: 40px;
padding: 0 15px;
line-height: 40px;
/* 2 */
- color: #444444;
+ color: #444;
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
}
/* Appear not as link */
@@ -2032,23 +2032,23 @@
*/
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
background-color: #f5f5f5;
- color: #444444;
+ color: #444;
/* 3 */
outline: none;
}
/* OnClick */
.uk-navbar-nav > li > a:active {
- background-color: #dddddd;
- color: #444444;
+ background-color: #ddd;
+ color: #444;
}
/* Active */
.uk-navbar-nav > li.uk-active > a {
background-color: #f5f5f5;
- color: #444444;
+ color: #444;
}
/* Sub-objects: `uk-navbar-nav-subtitle`
========================================================================== */
.uk-navbar-nav .uk-navbar-nav-subtitle {
line-height: 28px;
@@ -2093,47 +2093,47 @@
}
/*
* Link colors
*/
.uk-navbar-content > a:not([class]) {
- color: #0077dd;
+ color: #07D;
}
.uk-navbar-content > a:not([class]):hover {
- color: #005599;
+ color: #059;
}
/* Sub-objects: `uk-navbar-brand`
========================================================================== */
.uk-navbar-brand {
font-size: 18px;
- color: #444444;
+ color: #444;
text-decoration: none;
}
/*
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-navbar-brand:hover,
.uk-navbar-brand:focus {
- color: #444444;
+ color: #444;
text-decoration: none;
/* 2 */
outline: none;
}
/* Sub-object: `uk-navbar-toggle`
========================================================================== */
.uk-navbar-toggle {
font-size: 18px;
- color: #444444;
+ color: #444;
text-decoration: none;
}
/*
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus {
- color: #444444;
+ color: #444;
text-decoration: none;
/* 2 */
outline: none;
}
/*
@@ -2221,26 +2221,26 @@
}
/* Items
========================================================================== */
.uk-subnav > * > * {
display: inline-block;
- color: #444444;
+ color: #444;
}
/*
* Hover
* 1. Apply hover style also to focus state
*/
.uk-subnav > * > :hover,
.uk-subnav > * > :focus {
- color: #0077dd;
+ color: #07D;
text-decoration: none;
}
/*
* Active
*/
.uk-subnav > .uk-active > * {
- color: #0077dd;
+ color: #07D;
}
/* Modifier: 'subnav-line'
========================================================================== */
.uk-subnav-line > :before {
content: "";
@@ -2248,11 +2248,11 @@
height: 10px;
vertical-align: middle;
}
.uk-subnav-line > :nth-child(n+2):before {
margin-right: 10px;
- border-left: 1px solid #dddddd;
+ border-left: 1px solid #ddd;
}
/* Modifier: 'subnav-pill'
========================================================================== */
.uk-subnav-pill > * > * {
padding: 3px 9px;
@@ -2262,29 +2262,29 @@
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-subnav-pill > * > :hover,
.uk-subnav-pill > * > :focus {
- background: #eeeeee;
- color: #444444;
+ background: #eee;
+ color: #444;
text-decoration: none;
/* 2 */
outline: none;
}
/*
* Active
* `li` needed for higher specificity to override hover
*/
.uk-subnav-pill > .uk-active > * {
background: #00a8e6;
- color: #ffffff;
+ color: #fff;
}
/* Disabled state
========================================================================== */
.uk-subnav > .uk-disabled > * {
background: none;
- color: #999999;
+ color: #999;
text-decoration: none;
cursor: text;
}
/* ========================================================================
Component: Breadcrumb
@@ -2321,11 +2321,11 @@
}
/*
* Disabled
*/
.uk-breadcrumb > li:not(.uk-active) > span {
- color: #999999;
+ color: #999;
}
/* ========================================================================
Component: Pagination
========================================================================== */
/*
@@ -2388,43 +2388,43 @@
}
/*
* Links
*/
.uk-pagination > li > a {
- background: #eeeeee;
- color: #444444;
+ background: #eee;
+ color: #444;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-pagination > li > a:hover,
.uk-pagination > li > a:focus {
background-color: #f5f5f5;
- color: #444444;
+ color: #444;
/* 2 */
outline: none;
}
/* OnClick */
.uk-pagination > li > a:active {
- background-color: #dddddd;
- color: #444444;
+ background-color: #ddd;
+ color: #444;
}
/*
* Active
*/
.uk-pagination > .uk-active > span {
background: #00a8e6;
- color: #ffffff;
+ color: #fff;
}
/*
* Disabled
*/
.uk-pagination > .uk-disabled > span {
background-color: #f5f5f5;
- color: #999999;
+ color: #999;
}
/* Previous and next navigation
========================================================================== */
.uk-pagination-previous {
float: left;
@@ -2445,11 +2445,11 @@
========================================================================== */
.uk-tab {
margin: 0;
padding: 0;
list-style: none;
- border-bottom: 1px solid #dddddd;
+ border-bottom: 1px solid #ddd;
}
/*
* Micro clearfix on the deepest container
*/
.uk-tab:before,
@@ -2473,11 +2473,11 @@
.uk-tab > li > a {
display: block;
padding: 8px 12px 8px 12px;
border: 1px solid transparent;
border-bottom-width: 0;
- color: #0077dd;
+ color: #07D;
text-decoration: none;
}
.uk-tab > li:nth-child(n+2) > a {
margin-left: 5px;
}
@@ -2490,11 +2490,11 @@
.uk-tab > li > a:hover,
.uk-tab > li > a:focus,
.uk-tab > li.uk-open > a {
border-color: #f5f5f5;
background: #f5f5f5;
- color: #005599;
+ color: #059;
/* 2 */
outline: none;
}
.uk-tab > li:not(.uk-active) > a:hover,
.uk-tab > li:not(.uk-active) > a:focus,
@@ -2502,18 +2502,18 @@
margin-bottom: 1px;
padding-bottom: 7px;
}
/* Active */
.uk-tab > li.uk-active > a {
- border-color: #dddddd;
+ border-color: #ddd;
border-bottom-color: transparent;
- background: #ffffff;
- color: #444444;
+ background: #fff;
+ color: #444;
}
/* Disabled */
.uk-tab > li.uk-disabled > a {
- color: #999999;
+ color: #999;
cursor: text;
}
.uk-tab > li.uk-disabled > a:hover,
.uk-tab > li.uk-disabled > a:focus,
.uk-tab > li.uk-disabled.uk-active > a {
@@ -2543,15 +2543,15 @@
font-family: FontAwesome;
}
/* Modifier: 'tab-center'
========================================================================== */
.uk-tab-center {
- border-bottom: 1px solid #dddddd;
+ border-bottom: 1px solid #ddd;
}
.uk-tab-center-bottom {
border-bottom: none;
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
}
.uk-tab-center:before,
.uk-tab-center:after {
content: "";
display: table;
@@ -2576,11 +2576,11 @@
text-align: center;
}
/* Modifier: 'tab-bottom'
========================================================================== */
.uk-tab-bottom {
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
border-bottom: none;
}
.uk-tab-bottom > li {
margin-top: -1px;
margin-bottom: 0;
@@ -2599,11 +2599,11 @@
padding-bottom: 8px;
padding-top: 7px;
}
.uk-tab-bottom > li.uk-active > a {
border-top-color: transparent;
- border-bottom-color: #dddddd;
+ border-bottom-color: #ddd;
}
/* Modifier: 'tab-grid'
========================================================================== */
/*
* 1. Create position context to prevent hidden border because of negative `z-index`
@@ -2619,11 +2619,11 @@
display: block;
position: absolute;
left: 5px;
right: 0;
bottom: -1px;
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
/* 1 */
z-index: -1;
}
.uk-tab-grid > li:first-child > a {
margin-left: 5px;
@@ -2664,17 +2664,17 @@
margin-left: 0;
margin-top: 5px;
}
.uk-tab-left > li.uk-active > a,
.uk-tab-right > li.uk-active > a {
- border-color: #dddddd;
+ border-color: #ddd;
}
/*
* Modifier: 'tab-left'
*/
.uk-tab-left {
- border-right: 1px solid #dddddd;
+ border-right: 1px solid #ddd;
}
.uk-tab-left > li {
margin-right: -1px;
}
.uk-tab-left > li > a {
@@ -2693,11 +2693,11 @@
}
/*
* Modifier: 'tab-right'
*/
.uk-tab-right {
- border-left: 1px solid #dddddd;
+ border-left: 1px solid #ddd;
}
.uk-tab-right > li {
margin-left: -1px;
}
.uk-tab-right > li > a {
@@ -2766,11 +2766,11 @@
}
/* Items
========================================================================== */
.uk-thumbnav > * > * {
display: block;
- background: #ffffff;
+ background: #fff;
}
.uk-thumbnav > * > * > img {
opacity: 0.7;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
@@ -2823,11 +2823,11 @@
/* Modifier: `uk-list-line`
========================================================================== */
.uk-list-line > li:nth-child(n+2) {
margin-top: 5px;
padding-top: 5px;
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
}
/* Modifier: `uk-list-striped`
========================================================================== */
.uk-list-striped > li {
padding: 5px 5px;
@@ -2868,14 +2868,14 @@
font-weight: normal;
}
.uk-description-list-line > dt:nth-child(n+2) {
margin-top: 5px;
padding-top: 5px;
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #ddd;
}
.uk-description-list-line > dd {
- color: #999999;
+ color: #999;
}
/* ========================================================================
Component: Table
========================================================================== */
/*
@@ -2922,17 +2922,17 @@
font-size: 12px;
font-style: italic;
}
.uk-table caption {
text-align: left;
- color: #999999;
+ color: #999;
}
/*
* Active State
*/
.uk-table tbody tr.uk-active {
- background: #eeeeee;
+ background: #EEE;
}
/* Sub-modifier: `uk-table-middle`
========================================================================== */
.uk-table-middle,
.uk-table-middle td {
@@ -2949,11 +2949,11 @@
padding: 4px 8px;
}
/* Modifier: `uk-table-hover`
========================================================================== */
.uk-table-hover tbody tr:hover {
- background: #eeeeee;
+ background: #EEE;
}
/* ========================================================================
Component: Form
========================================================================== */
/*
@@ -3123,13 +3123,13 @@
/* 2 */
max-width: 100%;
/* 3 */
padding: 4px 6px;
/* 4 */
- border: 1px solid #dddddd;
- background: #ffffff;
- color: #444444;
+ border: 1px solid #ddd;
+ background: #fff;
+ color: #444;
-webkit-transition: all 0.2s linear;
-webkit-transition-property: border, background, color, box-shadow, padding;
transition: all 0.2s linear;
transition-property: border, background, color, box-shadow, padding;
}
@@ -3151,11 +3151,11 @@
.uk-form input[type="tel"]:focus,
.uk-form input[type="color"]:focus {
border-color: #99baca;
outline: 0;
background: #f5fbfe;
- color: #444444;
+ color: #444;
}
.uk-form select:disabled,
.uk-form textarea:disabled,
.uk-form input:not([type]):disabled,
.uk-form input[type="text"]:disabled,
@@ -3170,34 +3170,34 @@
.uk-form input[type="email"]:disabled,
.uk-form input[type="url"]:disabled,
.uk-form input[type="search"]:disabled,
.uk-form input[type="tel"]:disabled,
.uk-form input[type="color"]:disabled {
- border-color: #dddddd;
+ border-color: #ddd;
background-color: #f5f5f5;
- color: #999999;
+ color: #999;
}
/*
* Placeholder
*/
.uk-form :-ms-input-placeholder {
- color: #999999 !important;
+ color: #999 !important;
}
.uk-form ::-moz-placeholder {
- color: #999999;
+ color: #999;
}
.uk-form ::-webkit-input-placeholder {
- color: #999999;
+ color: #999;
}
.uk-form :disabled:-ms-input-placeholder {
- color: #999999 !important;
+ color: #999 !important;
}
.uk-form :disabled::-moz-placeholder {
- color: #999999;
+ color: #999;
}
.uk-form :disabled::-webkit-input-placeholder {
- color: #999999;
+ color: #999;
}
/*
* Legend
* 1. Behave like block element
* 2. Correct `color` not being inherited in IE 8/9/10/11.
@@ -3223,11 +3223,11 @@
* 1. Fixes IE9
*/
.uk-form legend:after {
content: "";
display: block;
- border-bottom: 1px solid #dddddd;
+ border-bottom: 1px solid #ddd;
/* 1 */
width: 100%;
}
/* Size modifiers
* Higher specificity needed to override defaults
@@ -3285,11 +3285,11 @@
border-color: transparent !important;
border-style: dashed !important;
background: none !important;
}
.uk-form-blank:focus {
- border-color: #dddddd !important;
+ border-color: #ddd !important;
}
/* Size sub-modifiers
========================================================================== */
/*
* Fixed widths
@@ -3416,11 +3416,11 @@
position: absolute;
top: 50%;
width: 30px;
margin-top: -7px;
font-size: 14px;
- color: #999999;
+ color: #999;
text-align: center;
/* 1 */
pointer-events: none;
}
.uk-form-icon:not(.uk-form-icon-flip) > input {
@@ -3467,18 +3467,18 @@
border: none;
/* 4 */
overflow: visible;
/* 5 */
font: inherit;
- color: #444444;
+ color: #444;
/* 6 */
text-transform: none;
/* 7 */
display: inline-block;
box-sizing: border-box;
padding: 0 12px;
- background: #eeeeee;
+ background: #eee;
vertical-align: middle;
/* 8 */
line-height: 30px;
/* 9 */
min-height: 30px;
@@ -3498,88 +3498,88 @@
* 3. Required for `a` elements
*/
.uk-button:hover,
.uk-button:focus {
background-color: #f5f5f5;
- color: #444444;
+ color: #444;
/* 2 */
outline: none;
/* 3 */
text-decoration: none;
}
/* Active */
.uk-button:active,
.uk-button.uk-active {
- background-color: #dddddd;
- color: #444444;
+ background-color: #ddd;
+ color: #444;
}
/* Color modifiers
========================================================================== */
/*
* Modifier: `uk-button-primary`
*/
.uk-button-primary {
background-color: #00a8e6;
- color: #ffffff;
+ color: #fff;
}
/* Hover */
.uk-button-primary:hover,
.uk-button-primary:focus {
background-color: #35b3ee;
- color: #ffffff;
+ color: #fff;
}
/* Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
background-color: #0091ca;
- color: #ffffff;
+ color: #fff;
}
/*
* Modifier: `uk-button-success`
*/
.uk-button-success {
background-color: #8cc14c;
- color: #ffffff;
+ color: #fff;
}
/* Hover */
.uk-button-success:hover,
.uk-button-success:focus {
background-color: #8ec73b;
- color: #ffffff;
+ color: #fff;
}
/* Active */
.uk-button-success:active,
.uk-button-success.uk-active {
background-color: #72ae41;
- color: #ffffff;
+ color: #fff;
}
/*
* Modifier: `uk-button-danger`
*/
.uk-button-danger {
background-color: #da314b;
- color: #ffffff;
+ color: #fff;
}
/* Hover */
.uk-button-danger:hover,
.uk-button-danger:focus {
background-color: #e4354f;
- color: #ffffff;
+ color: #fff;
}
/* Active */
.uk-button-danger:active,
.uk-button-danger.uk-active {
background-color: #c91032;
- color: #ffffff;
+ color: #fff;
}
/* Disabled state
* Overrides also the color modifiers
========================================================================== */
/* Equal for all button types */
.uk-button:disabled {
background-color: #f5f5f5;
- color: #999999;
+ color: #999;
}
/* Modifier: `uk-button-link`
========================================================================== */
/* Reset */
.uk-button-link,
@@ -3591,21 +3591,21 @@
border-color: transparent;
background: none;
}
/* Color */
.uk-button-link {
- color: #0077dd;
+ color: #07D;
}
.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active {
- color: #005599;
+ color: #059;
text-decoration: underline;
}
.uk-button-link:disabled {
- color: #999999;
+ color: #999;
}
/* Focus */
.uk-button-link:focus {
outline: 1px dotted;
}
@@ -3732,29 +3732,29 @@
animation: uk-rotate 2s infinite linear;
}
/* Modifier: `uk-icon-hover`
========================================================================== */
.uk-icon-hover {
- color: #999999;
+ color: #999;
}
/*
* Hover
*/
.uk-icon-hover:hover {
- color: #444444;
+ color: #444;
}
/* Modifier: `uk-icon-button`
========================================================================== */
.uk-icon-button {
box-sizing: border-box;
display: inline-block;
width: 35px;
height: 35px;
border-radius: 100%;
- background: #eeeeee;
+ background: #eee;
line-height: 35px;
- color: #444444;
+ color: #444;
font-size: 18px;
text-align: center;
}
/*
* Hover
@@ -3762,18 +3762,18 @@
* 2. Remove default focus style
*/
.uk-icon-button:hover,
.uk-icon-button:focus {
background-color: #f5f5f5;
- color: #444444;
+ color: #444;
/* 2 */
outline: none;
}
/* Active */
.uk-icon-button:active {
- background-color: #dddddd;
- color: #444444;
+ background-color: #ddd;
+ color: #444;
}
/* Icon mapping
========================================================================== */
.uk-icon-glass:before {
content: "\f000";
@@ -5691,19 +5691,24 @@
content: "\f29d";
}
.uk-icon-braille:before {
content: "\f2a1";
}
-.uk-icon-deaf:before {
- content: "\f2a4";
-}
+.uk-icon-deaf:before,
.uk-icon-deafness:before {
content: "\f2a4";
}
.uk-icon-envira:before {
content: "\f299";
}
+.uk-icon-font-awesome:before,
+.uk-icon-fa:before {
+ content: "\f2b4";
+}
+.uk-icon-first-order:before {
+ content: "\f2b0";
+}
.uk-icon-gitlab:before {
content: "\f296";
}
.uk-icon-glide:before {
content: "\f2a5";
@@ -5731,10 +5736,13 @@
content: "\f2ac";
}
.uk-icon-snapchat-square:before {
content: "\f2ad";
}
+.uk-icon-themeisle:before {
+ content: "\f2b2";
+}
.uk-icon-universal-access:before {
content: "\f29a";
}
.uk-icon-viadeo:before {
content: "\f2a9";
@@ -5752,10 +5760,13 @@
content: "\f297";
}
.uk-icon-wpforms:before {
content: "\f298";
}
+.uk-icon-yoast:before {
+ content: "\f2b1";
+}
/* ========================================================================
Component: Close
========================================================================== */
/*
* Removes inner padding and border in Firefox 4+.
@@ -5825,11 +5836,11 @@
/* Modifier
========================================================================== */
.uk-close-alt {
padding: 2px;
border-radius: 50%;
- background: #eeeeee;
+ background: #eee;
opacity: 1;
}
/* Hover */
.uk-close-alt:hover,
.uk-close-alt:focus {
@@ -5851,20 +5862,20 @@
padding: 0 5px;
background: #00a8e6;
font-size: 10px;
font-weight: bold;
line-height: 14px;
- color: #ffffff;
+ color: #fff;
text-align: center;
vertical-align: middle;
text-transform: none;
}
/*
* Keep color when badge is a link
*/
a.uk-badge:hover {
- color: #ffffff;
+ color: #fff;
}
/* Modifier: `uk-badge-notification`;
========================================================================== */
.uk-badge-notification {
box-sizing: border-box;
@@ -5981,34 +5992,34 @@
box-sizing: border-box;
/* 3 */
margin: 0;
/* 4 */
padding: 4px;
- border: 1px solid #dddddd;
- background: #ffffff;
+ border: 1px solid #ddd;
+ background: #fff;
}
/*
* Hover state for `a` elements
* 1. Apply hover style also to focus state
* 2. Needed for caption
* 3. Remove default focus style
*/
a.uk-thumbnail:hover,
a.uk-thumbnail:focus {
border-color: #aaaaaa;
- background-color: #ffffff;
+ background-color: #fff;
/* 2 */
text-decoration: none;
/* 3 */
outline: none;
}
/* Caption
========================================================================== */
.uk-thumbnail-caption {
padding-top: 4px;
text-align: center;
- color: #444444;
+ color: #444;
}
/* Sizes
========================================================================== */
.uk-thumbnail-mini {
width: 150px;
@@ -6077,11 +6088,11 @@
bottom: 0;
left: 0;
right: 0;
/* 2 */
padding: 20px;
- color: #ffffff;
+ color: #fff;
}
/*
* Remove margin from the last-child
*/
.uk-overlay-panel > :last-child,
@@ -6154,11 +6165,11 @@
margin-left: -25px;
font-size: 50px;
line-height: 1;
font-family: FontAwesome;
text-align: center;
- color: #ffffff;
+ color: #fff;
}
/* Transitions
========================================================================== */
.uk-overlay-fade,
.uk-overlay-scale,
@@ -6308,11 +6319,11 @@
margin-left: -25px;
font-size: 50px;
line-height: 1;
font-family: FontAwesome;
text-align: center;
- color: #ffffff;
+ color: #fff;
}
/* DEPRECATED
* Sub-object `uk-overlay-area-content`
========================================================================== */
/*
@@ -6347,11 +6358,11 @@
font-size: 1rem;
/* 3 */
text-align: center;
/* 4 */
padding: 0 15px;
- color: #ffffff;
+ color: #fff;
}
/*
* Remove margin from the last-child
*/
.uk-overlay-area-content > :last-child {
@@ -6379,11 +6390,11 @@
left: 0;
right: 0;
/* 2 */
padding: 15px;
background: rgba(0, 0, 0, 0.5);
- color: #ffffff;
+ color: #fff;
/* 3 */
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
-webkit-transform: translate3d(0, 0, 0);
@@ -7124,15 +7135,19 @@
* 1. Reset button group whitespace hack
*/
.uk-dropdown {
padding: 15px;
background: #f5f5f5;
- color: #444444;
+ color: #444;
/* 1 */
font-size: 1rem;
vertical-align: top;
}
+/* Focus */
+.uk-dropdown:focus {
+ outline: none;
+}
/*
* 1. Show dropdown
* 2. Set animation
* 3. Needed for scale animation
*/
@@ -7200,11 +7215,11 @@
}
/*
* Column divider
*/
.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
- border-left: 1px solid #dddddd;
+ border-left: 1px solid #ddd;
}
/*
* Width multiplier for dropdown columns
*/
.uk-dropdown-width-2:not(.uk-dropdown-stack) {
@@ -7264,11 +7279,11 @@
/* Modifier: `uk-dropdown-navbar`
========================================================================== */
.uk-dropdown-navbar {
margin-top: 0;
background: #f5f5f5;
- color: #444444;
+ color: #444;
}
.uk-open > .uk-dropdown-navbar {
-webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
animation: uk-slide-top-fixed 0.2s ease-in-out;
}
@@ -7351,11 +7366,11 @@
padding: 20px;
width: 600px;
max-width: 100%;
max-width: calc(100% - 20px);
/* 3 */
- background: #ffffff;
+ background: #fff;
/* 4 */
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;
@@ -7480,11 +7495,11 @@
position: absolute;
left: 0;
right: 0;
bottom: -20px;
margin-bottom: -10px;
- color: #ffffff;
+ color: #fff;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@@ -7538,17 +7553,20 @@
========================================================================== */
/*
* Prepares the whole HTML page to slide-out
* 1. Fix the main page and disallow scrolling
* 2. Side-out transition
+ * 3. Needed for the transition to work instead of just letting it pop to the side
*/
.uk-offcanvas-page {
/* 1 */
position: fixed;
/* 2 */
-webkit-transition: margin-left 0.3s ease-in-out;
transition: margin-left 0.3s ease-in-out;
+ /* 3 */
+ margin-left: 0;
}
/* Sub-object `uk-offcanvas-bar`
========================================================================== */
/*
* This is the offcanvas bar
@@ -7568,11 +7586,11 @@
transform: translateX(-100%);
z-index: 1001;
/* 2 */
width: 270px;
max-width: 100%;
- background: #333333;
+ background: #333;
/* 3 */
overflow-y: auto;
-webkit-overflow-scrolling: touch;
/* 4 */
-webkit-transition: -webkit-transform 0.3s ease-in-out;
@@ -7590,24 +7608,52 @@
left: auto;
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
+/* Offcanvase modes
+ ========================================================================== */
+.uk-offcanvas-bar[mode='none'] {
+ -webkit-transition: none;
+ transition: none;
+}
+.uk-offcanvas-bar[mode='reveal'] {
+ -webkit-transform: translateX(0%);
+ transform: translateX(0%);
+ clip: rect(0, 0, 100vh, 0);
+ -webkit-transition: -webkit-transform 0.3s ease-in-out, clip 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out, clip 0.3s ease-in-out;
+}
+.uk-offcanvas-bar-flip[mode='reveal'] {
+ clip: none;
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+}
+.uk-offcanvas-bar-flip[mode='reveal'] > * {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out;
+}
+.uk-offcanvas.uk-active .uk-offcanvas-bar-flip[mode='reveal'].uk-offcanvas-bar-show > * {
+ -webkit-transform: translateX(0%);
+ transform: translateX(0%);
+}
/* Panel in offcanvas
========================================================================== */
.uk-offcanvas .uk-panel {
margin: 20px 15px;
- color: #777777;
+ color: #777;
}
.uk-offcanvas .uk-panel-title {
- color: #cccccc;
+ color: #ccc;
}
.uk-offcanvas .uk-panel a:not([class]) {
- color: #cccccc;
+ color: #ccc;
}
.uk-offcanvas .uk-panel a:not([class]):hover {
- color: #ffffff;
+ color: #fff;
}
/* ========================================================================
Component: Switcher
========================================================================== */
/*
@@ -7646,11 +7692,11 @@
font-weight: bold;
}
/* Color modifiers
========================================================================== */
.uk-text-muted {
- color: #999999 !important;
+ color: #999 !important;
}
.uk-text-primary {
color: #2d7091 !important;
}
.uk-text-success {
@@ -7661,11 +7707,11 @@
}
.uk-text-danger {
color: #d85030 !important;
}
.uk-text-contrast {
- color: #ffffff !important;
+ color: #fff !important;
}
/* Alignment modifiers
========================================================================== */
.uk-text-left {
text-align: left !important;
@@ -7730,10 +7776,21 @@
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
+/* Transform modifiers
+ ========================================================================== */
+.uk-text-capitalize {
+ text-transform: capitalize !important;
+}
+.uk-text-lowercase {
+ text-transform: lowercase !important;
+}
+.uk-text-uppercase {
+ text-transform: uppercase !important;
+}
/* ========================================================================
Component: Utility
========================================================================== */
/* Container
========================================================================== */
@@ -8042,15 +8099,15 @@
/*
* Let links appear in default text color
*/
.uk-link-muted,
.uk-link-muted a {
- color: #444444;
+ color: #444;
}
.uk-link-muted:hover,
.uk-link-muted a:hover {
- color: #444444;
+ color: #444;
}
/*
* Reset link style
*/
.uk-link-reset,
@@ -8078,11 +8135,11 @@
*/
.uk-scrollable-box {
box-sizing: border-box;
height: 170px;
padding: 10px;
- border: 1px solid #dddddd;
+ border: 1px solid #ddd;
overflow: auto;
-webkit-overflow-scrolling: touch;
resize: both;
}
.uk-scrollable-box > :last-child {
@@ -8474,94 +8531,94 @@
}
/* ========================================================================
Component: Contrast
========================================================================== */
.uk-contrast {
- color: #ffffff;
+ color: #fff;
/* Active */
}
.uk-contrast a:not([class]),
.uk-contrast .uk-link {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
}
.uk-contrast a:not([class]):hover,
.uk-contrast .uk-link:hover {
- color: #ffffff;
+ color: #fff;
text-decoration: underline;
}
.uk-contrast :not(pre) > code,
.uk-contrast :not(pre) > kbd,
.uk-contrast :not(pre) > samp {
- color: #ffffff;
+ color: #fff;
}
.uk-contrast em {
- color: #ffffff;
+ color: #fff;
}
.uk-contrast h1,
.uk-contrast h2,
.uk-contrast h3,
.uk-contrast h4,
.uk-contrast h5,
.uk-contrast h6 {
- color: #ffffff;
+ color: #fff;
}
.uk-contrast hr {
border-top-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-nav li > a,
.uk-contrast .uk-nav li > a:hover {
text-decoration: none;
}
.uk-contrast .uk-nav-side > li > a {
- color: #ffffff;
+ color: #fff;
}
.uk-contrast .uk-nav-side > li > a:hover,
.uk-contrast .uk-nav-side > li > a:focus {
background: rgba(255, 255, 255, 0.1);
- color: #ffffff;
+ color: #fff;
}
.uk-contrast .uk-nav-side > li.uk-active > a {
- background: #ffffff;
- color: #444444;
+ background: #fff;
+ color: #444;
}
.uk-contrast .uk-nav-side .uk-nav-header {
- color: #ffffff;
+ color: #fff;
}
.uk-contrast .uk-nav-side .uk-nav-divider {
border-top-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-nav-side ul a {
color: rgba(255, 255, 255, 0.7);
}
.uk-contrast .uk-nav-side ul a:hover {
- color: #ffffff;
+ color: #fff;
}
.uk-contrast .uk-subnav > * > a {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
}
.uk-contrast .uk-subnav > * > a:hover,
.uk-contrast .uk-subnav > * > a:focus {
- color: #ffffff;
+ color: #fff;
text-decoration: none;
}
.uk-contrast .uk-subnav > .uk-active > a {
- color: #ffffff;
+ color: #fff;
}
.uk-contrast .uk-subnav-line > :nth-child(n+2):before {
border-left-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-subnav-pill > * > a:hover,
.uk-contrast .uk-subnav-pill > * > a:focus {
background: rgba(255, 255, 255, 0.7);
- color: #444444;
+ color: #444;
text-decoration: none;
}
.uk-contrast .uk-subnav-pill > .uk-active > a {
- background: #ffffff;
- color: #444444;
+ background: #fff;
+ color: #444;
}
.uk-contrast .uk-tab {
border-bottom-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-tab > li > a {
@@ -8571,18 +8628,18 @@
.uk-contrast .uk-tab > li > a:hover,
.uk-contrast .uk-tab > li > a:focus,
.uk-contrast .uk-tab > li.uk-open > a {
border-color: rgba(255, 255, 255, 0.7);
background: rgba(255, 255, 255, 0.7);
- color: #444444;
+ color: #444;
text-decoration: none;
}
.uk-contrast .uk-tab > li.uk-active > a {
border-color: rgba(255, 255, 255, 0.2);
border-bottom-color: transparent;
- background: #ffffff;
- color: #444444;
+ background: #fff;
+ color: #444;
}
.uk-contrast .uk-tab-center {
border-bottom-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-tab-grid:before {
@@ -8608,11 +8665,11 @@
.uk-contrast .uk-form input[type="search"],
.uk-contrast .uk-form input[type="tel"],
.uk-contrast .uk-form input[type="color"] {
border-color: rgba(255, 255, 255, 0.8);
background: rgba(255, 255, 255, 0.8);
- color: #444444;
+ color: #444;
background-clip: padding-box;
}
.uk-contrast .uk-form select:focus,
.uk-contrast .uk-form textarea:focus,
.uk-contrast .uk-form input:not([type]):focus,
@@ -8628,13 +8685,13 @@
.uk-contrast .uk-form input[type="email"]:focus,
.uk-contrast .uk-form input[type="url"]:focus,
.uk-contrast .uk-form input[type="search"]:focus,
.uk-contrast .uk-form input[type="tel"]:focus,
.uk-contrast .uk-form input[type="color"]:focus {
- border-color: #ffffff;
- background: #ffffff;
- color: #444444;
+ border-color: #fff;
+ background: #fff;
+ color: #444;
}
.uk-contrast .uk-form :-ms-input-placeholder {
color: rgba(68, 68, 68, 0.7) !important;
}
.uk-contrast .uk-form ::-moz-placeholder {
@@ -8642,54 +8699,54 @@
}
.uk-contrast .uk-form ::-webkit-input-placeholder {
color: rgba(68, 68, 68, 0.7);
}
.uk-contrast .uk-button {
- color: #444444;
- background: #ffffff;
+ color: #444;
+ background: #fff;
}
.uk-contrast .uk-button:hover,
.uk-contrast .uk-button:focus {
background-color: rgba(255, 255, 255, 0.8);
- color: #444444;
+ color: #444;
}
.uk-contrast .uk-button:active,
.uk-contrast .uk-button.uk-active {
background-color: rgba(255, 255, 255, 0.7);
- color: #444444;
+ color: #444;
}
.uk-contrast .uk-button-primary {
background-color: #00a8e6;
- color: #ffffff;
+ color: #fff;
}
.uk-contrast .uk-button-primary:hover,
.uk-contrast .uk-button-primary:focus {
background-color: #35b3ee;
- color: #ffffff;
+ color: #fff;
}
.uk-contrast .uk-button-primary:active,
.uk-contrast .uk-button-primary.uk-active {
background-color: #0091ca;
- color: #ffffff;
+ color: #fff;
}
.uk-contrast .uk-icon-hover {
color: rgba(255, 255, 255, 0.7);
}
.uk-contrast .uk-icon-hover:hover {
- color: #ffffff;
+ color: #fff;
}
.uk-contrast .uk-icon-button {
- background: #ffffff;
- color: #444444;
+ background: #fff;
+ color: #444;
}
.uk-contrast .uk-icon-button:hover,
.uk-contrast .uk-icon-button:focus {
background-color: rgba(255, 255, 255, 0.8);
- color: #444444;
+ color: #444;
}
.uk-contrast .uk-icon-button:active {
background-color: rgba(255, 255, 255, 0.7);
- color: #444444;
+ color: #444;
}
.uk-contrast .uk-text-muted {
color: rgba(255, 255, 255, 0.6) !important;
}
.uk-contrast .uk-text-primary {