uikit-sass-rails 1.1.0 → 1.2.0

data/vendor/assets/stylesheets/uikit/uikit.gradient.scss

@@ -1,21 +1,25 @@
-/*! UIkit 2.9.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.10.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
 
 /* ========================================================================
-   Component: Normalize
- ========================================================================== */
-/* Base
+   Component: Base
  ========================================================================== */
 /*
- * 1. Sets default font family to sans-serif.
- * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom.
+ * 1. Normalizes default `font-family` and sets `font-size` here to support `rem` units
+ * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
+ * 3. Style
  */
 
 html {
   /* 1 */
-  font-family: sans-serif;
+  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-image: -webkit-radial-gradient(100% 100%, center, #ffffff, #ffffff);
+  background-image: radial-gradient(100% 100% at center, #ffffff, #ffffff);
 }
 
 /*
@@ -26,47 +30,6 @@ body {
   margin: 0;
 }
 
-/* HTML5 display definitions
- ========================================================================== */
-/*
- * Corrects `block` display not defined in IE 8/9.
- */
-
-article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
-  display: block;
-}
-
-/*
- * 1. Correct `inline-block` display not defined in IE 8/9.
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
- */
-
-audio, canvas, progress, video {
-  /* 1 */
-  display: inline-block;
-  /* 2 */
-  vertical-align: baseline;
-}
-
-/*
- * Prevents modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-
-audio:not([controls]) {
-  display: none;
-  height: 0;
-}
-
-/*
- * Address `[hidden]` styling not present in IE 8/9.
- * Hide the `template` element in IE, Safari, and Firefox < 22.
- */
-
-[hidden], template {
-  display: none;
-}
-
 /* Links
  ========================================================================== */
 /*
@@ -78,363 +41,69 @@ a {
   &:active, &:hover {
     outline: 0;
   }
+  color: #0077dd;
+  text-decoration: none;
+  cursor: pointer;
 }
 
 /*
  * Improves readability when focused and also mouse hovered in all browsers.
  */
 
-/* Text-level semantics
- ========================================================================== */
-/*
- * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
- */
-
-abbr[title] {
-  border-bottom: 1px dotted;
-}
-
 /*
- * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ * Style
  */
 
-b, strong {
-  font-weight: bold;
-}
-
-/*
- * Addresses styling not present in Safari 5 and Chrome.
- */
-
-dfn {
-  font-style: italic;
-}
-
-/*
- * Addresses inconsistent and variable font size in all browsers.
- */
-
-small {
-  font-size: 80%;
-}
-
-/*
- * Prevents `sub` and `sup` affecting `line-height` in all browsers.
- */
-
-sub {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-  top: -0.5em;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-/* Embedded content
- ========================================================================== */
-/*
- * Removes border when inside `a` element in IE 8/9.
- */
-
-img {
-  border: 0;
+.uk-link {
+  color: #0077dd;
+  text-decoration: none;
+  cursor: pointer;
 }
 
-/*
- * Corrects overflow displayed oddly in IE 9.
- */
-
-svg:not(:root) {
-  overflow: hidden;
+a:hover, .uk-link:hover {
+  color: #005599;
+  text-decoration: underline;
 }
 
-/* Grouping content
+/* Text-level semantics
  ========================================================================== */
 /*
- * Addresses margin not present in IE 8/9 and Safari 5.
- */
-
-figure {
-  margin: 0;
-}
-
-/*
- * Address differences between Firefox and other browsers.
+ * Addresses styling not present in Chrome, Safari, Opera and IE 8/9/10.
  */
 
-hr {
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
-  height: 0;
-}
-
-/*
- * Contain overflow in all browsers.
- */
-
-pre {
-  overflow: auto;
-}
-
-/*
- * Address odd `em`-unit font size rendering in all browsers.
- * 1. Consolas has a better baseline in running text compared to `Courier`
- */
-
-code, kbd, pre, samp {
-  font-size: 1em;
-  /* 1 */
-  font-family: Consolas, monospace, serif;
+abbr[title] {
+  border-bottom: 1px dotted;
 }
 
-/* Forms
- ========================================================================== */
 /*
- * 1. Correct color not being inherited. Known issue: affects color of disabled elements.
- * 2. Correct font properties not being inherited.
- * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
- * 4. Define consistent box sizing
- *    Defaults:   `button`, `input` and `textarea` have box sizing set to `content-box`
- *                `select`, `input[type="checkbox"]` and `input[type="radio"]` have box sizing set to `border-box`
- *    Exceptions: `input[type="checkbox"]` and `input[type="radio"]` have box sizing set to `content-box` in IE 8/9.
- *                `input[type="search"]` has box sizing set to `border-box` in Safari 5 and Chrome.
+ * Addresses style set to `bolder` in Firefox
  */
 
-button, input, optgroup, select, textarea {
-  /* 1 */
-  color: inherit;
-  /* 2 */
-  font: inherit;
-  /* 3 */
-  margin: 0;
-  /* 4 */
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-/**
- * Don't inherit the `font-weight` (applied by a rule above).
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
- */
-
-optgroup {
+b, strong {
   font-weight: bold;
 }
 
-/**
- * Address `overflow` set to `hidden` in IE 8/9/10.
- */
-
-button {
-  overflow: visible;
-  text-transform: none;
-}
-
-/*
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
- * All other form control elements do not inherit `text-transform` values.
- * Correct `button` style inheritance in Firefox, IE 8+, and Opera
- * Correct `select` style inheritance in Firefox.
- */
-
-select {
-  text-transform: none;
-}
-
-/*
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
- * 2. Correct inability to style clickable `input` types in iOS.
- * 3. Improve usability and consistency of cursor style between image-type `input` and others.
- */
-
-button, html input[type="button"] {
-  /* 2 */
-  -webkit-appearance: button;
-  /* 3 */
-  cursor: pointer;
-}
-
-input {
-  &[type="reset"], &[type="submit"] {
-    /* 2 */
-    -webkit-appearance: button;
-    /* 3 */
-    cursor: pointer;
-  }
-}
-
-/*
- * Re-set default cursor for disabled elements.
- */
-
-button:disabled, html input:disabled {
-  cursor: default;
-}
-
 /*
- * Removes inner padding and border in Firefox 4+.
+ * 1. Address odd `em`-unit font size rendering in all browsers.
+ * 2. Consolas has a better baseline in running text compared to `Courier`
  */
 
-button::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-
-input {
-  &::-moz-focus-inner {
-    border: 0;
-    padding: 0;
-  }
-  line-height: normal;
-  &[type="checkbox"], &[type="radio"] {
+:not(pre) > {
+  code, kbd, samp {
     /* 1 */
-    padding: 0;
+    font-size: 12px;
     /* 2 */
-    cursor: pointer;
-  }
-  &[type="number"] {
-    &::-webkit-inner-spin-button, &::-webkit-outer-spin-button {
-      height: auto;
-    }
-  }
-  &[type="search"] {
-    -webkit-appearance: textfield;
-    &::-webkit-search-cancel-button, &::-webkit-search-decoration {
-      -webkit-appearance: none;
-    }
+    font-family: Consolas, monospace, serif;
+    /* 3 */
+    color: #dd0055;
+    white-space: nowrap;
+    padding: 0 4px;
+    border: 1px solid #dddddd;
+    border-radius: 3px;
+    background: #fafafa;
   }
 }
 
-/*
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.
- */
-
-/*
- * 1. Removes excess padding in IE 8/9.
- * 2. Improves consistency of cursor style for clickable elements
- */
-
-/*
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
- * `font-size` values of the `input`, it causes the cursor style of the
- * decrement button to change from `default` to `text`.
- */
-
-/*
- * Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
- */
-
-/*
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
- * Safari (but not Chrome) clips the cancel button when the search input has
- * padding (and `textfield` appearance).
- */
-
-/*
- * Define consistent border, margin, and padding.
- */
-
-fieldset {
-  border: none;
-  margin: 0;
-  padding: 0;
-}
-
-/*
- * 1. Corrects color not being inherited in IE 8/9.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- */
-
-legend {
-  /* 1 */
-  border: 0;
-  /* 2 */
-  padding: 0;
-}
-
-/**
- * 1. Remove default vertical scrollbar in IE 8/9.
- * 2. Improve readability and alignment in all browsers.
- */
-
-textarea {
-  overflow: auto;
-  /* 1 */
-  vertical-align: top;
-  /* 2 */
-}
-
-/*
- * Removes placeholder transparency in Firefox.
- */
-
-::-moz-placeholder {
-  opacity: 1;
-}
-
-/* Tables
- ========================================================================== */
-/*
- * Remove most spacing between table cells.
- */
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-/* ========================================================================
-   Component: Base
- ========================================================================== */
-/* Body
- ========================================================================== */
-/*
- * `font-size` is set in `html` element to support the `rem` unit for font-sizes
- */
-
-html {
-  font-size: 14px;
-}
-
-body {
-  background: #ffffff;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-weight: normal;
-  line-height: 20px;
-  color: #444444;
-  background-image: -webkit-radial-gradient(100% 100%, center, white, white);
-  background-image: radial-gradient(100% 100% at center, white, white);
-}
-
-/* Text-level semantics
- ========================================================================== */
-/*
- * Links
- */
-
-a, .uk-link {
-  color: #0077dd;
-  text-decoration: none;
-  cursor: pointer;
-}
-
-a:hover, .uk-link:hover {
-  color: #005599;
-  text-decoration: underline;
-}
-
 /*
  * Emphasize
  */
@@ -464,35 +133,51 @@ mark {
 }
 
 /*
- * Selection highlight
+ * Quote
  */
 
-::-moz-selection, ::selection {
-  background: #3399ff;
-  color: #ffffff;
-  text-shadow: none;
+q {
+  font-style: italic;
 }
 
 /*
- * Abbreviation and definition
+ * Addresses inconsistent and variable font size in all browsers.
  */
 
-abbr[title] {
-  cursor: help;
+small {
+  font-size: 80%;
 }
 
-dfn[title] {
-  cursor: help;
-  border-bottom: 1px dotted;
-  font-style: normal;
+/*
+ * Prevents `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
 }
 
-/* Embedded content
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+/* Images
  ========================================================================== */
 /*
  * 1. Responsiveness: Sets a maximum width relative to the parent and auto scales the height
  * 2. Corrects `max-width` behavior if padding and border are used
- * 3. Remove the gap between images and the bottom of their containers
+ * 3. Remove border when inside `a` element in IE 8/9/10.
+ * 4. Remove the gap between images and the bottom of their containers
  */
 
 img {
@@ -503,6 +188,8 @@ img {
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   /* 3 */
+  border: 0;
+  /* 4 */
   vertical-align: middle;
 }
 
@@ -517,20 +204,34 @@ img {
   }
 }
 
-/* Spacing for block elements
+/*
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* Block elements
  ========================================================================== */
+/*
+ * Reset margin
+ */
 
-p, hr, ul, ol, dl, blockquote, pre, address, fieldset, figure {
-  margin: 0 0 15px 0;
+blockquote, figure {
+  margin: 0;
 }
 
 /*
- * Don't worry about the universal selector.
- * There is no mentionable performance impact.
+ * Margins
  */
 
+p, ul, ol, dl, blockquote, pre, address, fieldset, figure {
+  margin: 0 0 15px 0;
+}
+
 * + {
-  p, hr, ul, ol, dl, blockquote, pre, address, fieldset, figure {
+  p, ul, ol, dl, blockquote, pre, address, fieldset, figure {
     margin-top: 15px;
   }
 }
@@ -547,8 +248,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 /*
- * Don't worry about the universal selector.
- * There is no mentionable performance impact.
+ * Margins
  */
 
 * + {
@@ -557,6 +257,10 @@ h1, h2, h3, h4, h5, h6 {
   }
 }
 
+/*
+ * Sizes
+ */
+
 h1, .uk-h1 {
   font-size: 36px;
   line-height: 42px;
@@ -589,15 +293,14 @@ h6, .uk-h6 {
 
 /* Lists
  ========================================================================== */
-/*
- * Ordered and unordered lists
- */
 
 ul, ol {
   padding-left: 30px;
 }
 
-/* Reset margin for nested lists */
+/*
+ * Reset margin for nested lists
+ */
 
 ul > li > {
   ul, ol {
@@ -611,9 +314,8 @@ ol > li > {
   }
 }
 
-/*
- * Description lists
- */
+/* Description lists
+ ========================================================================== */
 
 dt {
   font-weight: bold;
@@ -623,12 +325,20 @@ dd {
   margin-left: 0;
 }
 
-/* Horizontal rule
+/* Horizontal rules
  ========================================================================== */
+/*
+ * 1. Address differences between Firefox and other browsers.
+ * 2. Style
+ */
 
 hr {
-  display: block;
-  padding: 0;
+  /* 1 */
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0;
+  /* 2 */
+  margin: 15px 0;
   border: 0;
   border-top: 1px solid #dddddd;
 }
@@ -640,78 +350,76 @@ address {
   font-style: normal;
 }
 
-/* Quotes
+/* Blockquotes
  ========================================================================== */
 
-q {
-  font-style: italic;
-}
-
 blockquote {
-  font-style: italic;
   padding-left: 15px;
   border-left: 5px solid #dddddd;
   font-size: 16px;
   line-height: 22px;
-  small {
-    display: block;
-    color: #999999;
-    font-style: normal;
-  }
-  p:last-of-type {
-    margin-bottom: 5px;
-  }
+  font-style: italic;
 }
 
-/* Small print for identifying the source */
-
-/* Smaller margin if `small` follows */
-
-/* Code and preformatted text
+/* Preformatted text
  ========================================================================== */
-
-code {
-  color: #dd0055;
-  font-size: 12px;
-  white-space: nowrap;
-  padding: 0 4px;
-  border: 1px solid #dddddd;
-  border-radius: 3px;
-  background: #fafafa;
-}
-
-/* Reset code elements if parent of pre elements */
+/*
+ * 1. Contain overflow in all browsers.
+ */
 
 pre {
-  code {
-    color: inherit;
-    white-space: pre-wrap;
-    padding: 0;
-    border: 0;
-    background: transparent;
-  }
   padding: 10px;
   background: #fafafa;
+  font: 12px / 18px Consolas, monospace, serif;
   color: #444444;
-  font-size: 12px;
-  line-height: 18px;
   -moz-tab-size: 4;
   tab-size: 4;
+  /* 1 */
+  overflow: auto;
   border: 1px solid #dddddd;
   border-radius: 3px;
 }
 
-/* Forms
+/* Selection pseudo-element
+ ========================================================================== */
+
+::-moz-selection, ::selection {
+  background: #3399ff;
+  color: #ffffff;
+  text-shadow: none;
+}
+
+/* HTML5 elements
  ========================================================================== */
 /*
- * Vertical alignment
- * Exclude `radio` and `checkbox` elements because the default `baseline` value aligns better with text
+ * Corrects `block` display not defined in IE 8/9.
  */
 
-button, input:not([type="radio"]):not([type="checkbox"]), select {
-  vertical-align: middle;
+article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
+  display: block;
+}
+
+/*
+ * Addresses inconsistent vertical alignment of `progress` in Chrome, Firefox and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/*
+ * Prevent displaying `audio` without controls in Chrome, Safari and Opera
+ */
+
+audio:not([controls]), [hidden], template {
+  display: none;
 }
 
+/*
+ * Address `[hidden]` styling not present in IE 8/9.
+ * Hide the `template` element in IE and Safari
+ */
+
 /* Iframe
  ========================================================================== */
 
@@ -1878,7 +1586,7 @@ ul.uk-nav-sub {
         /* 2 */
         outline: none;
         box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
-        text-shadow: 0 -1px 0 white;
+        text-shadow: 0 -1px 0 #ffffff;
       }
     }
     &.uk-active > a {
@@ -2139,8 +1847,8 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
   border-bottom-color: rgba(0, 0, 0, 0.3);
   border-radius: 4px;
   background-origin: border-box;
-  background-image: -webkit-linear-gradient(top, white, #eeeeee);
-  background-image: linear-gradient(to bottom, white, #eeeeee);
+  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
+  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
   &:before {
     content: " ";
     display: table;
@@ -2638,8 +2346,8 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
           border: 1px solid rgba(0, 0, 0, 0.2);
           border-bottom-color: rgba(0, 0, 0, 0.3);
           background-origin: border-box;
-          background-image: -webkit-linear-gradient(top, white, #eeeeee);
-          background-image: linear-gradient(to bottom, white, #eeeeee);
+          background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
+          background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
           text-shadow: 0 1px 0 #ffffff;
           &:hover, &:focus {
             background-color: #fafafa;
@@ -3204,11 +2912,18 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
    Component: Table
  ========================================================================== */
 /*
- * Block element behavior
+ * 1. Remove most spacing between table cells.
+ * 2. Block element behavior
+ * 3. Style
  */
 
 .uk-table {
+  /* 1 */
+  border-collapse: collapse;
+  border-spacing: 0;
+  /* 2 */
   width: 100%;
+  /* 3 */
   margin-bottom: 15px;
 }
 
@@ -3287,14 +3002,108 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
    Component: Form
  ========================================================================== */
 /*
- * Remove margin from the last-child
+ * 1. Define consistent box sizing.
+ *    Default is `content-box` with following exceptions set to `border-box`
+ *    `button`, `select`, `input[type="checkbox"]` and `input[type="radio"]`
+ *    `input[type="search"]` in Chrome, Safari and Opera
+ *    `input[type="color"]` in Firefox
+ * 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.
  */
 
 .uk-form {
+  input, select, textarea {
+    /* 1 */
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    /* 2 */
+    margin: 0;
+    /* 3 */
+    border-radius: 0;
+    /* 4 */
+    font: inherit;
+    color: inherit;
+  }
+  select {
+    text-transform: none;
+  }
+  optgroup {
+    /* 1 */
+    font: inherit;
+    /* 2 */
+    font-weight: bold;
+  }
+  input {
+    &::-moz-focus-inner {
+      border: 0;
+      padding: 0;
+    }
+    &[type="checkbox"], &[type="radio"] {
+      padding: 0;
+    }
+    &[type="checkbox"]:not(:disabled), &[type="radio"]:not(:disabled) {
+      cursor: pointer;
+    }
+  }
+  textarea {
+    -webkit-appearance: none;
+  }
+  input {
+    &:not([type]), &[type="text"], &[type="password"], &[type="email"], &[type="url"], &[type="search"], &[type="tel"], &[type="number"], &[type="datetime"] {
+      -webkit-appearance: none;
+    }
+    &[type="search"] {
+      &::-webkit-search-cancel-button, &::-webkit-search-decoration {
+        -webkit-appearance: none;
+      }
+    }
+    &[type="number"] {
+      &::-webkit-inner-spin-button, &::-webkit-outer-spin-button {
+        height: auto;
+      }
+    }
+  }
+  fieldset {
+    border: none;
+    margin: 0;
+    padding: 0;
+  }
+  textarea {
+    /* 1 */
+    overflow: auto;
+    /* 2 */
+    vertical-align: top;
+  }
+  ::-moz-placeholder {
+    opacity: 1;
+  }
+  :invalid {
+    box-shadow: none;
+  }
+  input:not([type="radio"]):not([type="checkbox"]) {
+    vertical-align: middle;
+  }
+  select {
+    vertical-align: middle;
+    /* 1 */
+    height: 30px;
+    /* 2 */
+    max-width: 100%;
+    /* 3 */
+    padding: 4px 6px;
+    /* 4 */
+    border: 1px solid #dddddd;
+    background: #ffffff;
+    color: #444444;
+    -webkit-transition: all linear 0.2s;
+    transition: all linear 0.2s;
+    border-radius: 4px;
+  }
   > :last-child {
     margin-bottom: 0;
   }
-  select, textarea {
+  textarea {
     /* 1 */
     height: 30px;
     /* 2 */
@@ -3308,8 +3117,6 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
     -webkit-transition: all linear 0.2s;
     transition: all linear 0.2s;
     border-radius: 4px;
-    /* Focus state */
-    /* Disabled state */
   }
   input {
     &:not([type]), &[type="text"], &[type="password"], &[type="datetime"], &[type="datetime-local"], &[type="date"], &[type="month"], &[type="time"], &[type="week"], &[type="number"], &[type="email"], &[type="url"], &[type="search"], &[type="tel"], &[type="color"] {
@@ -3326,8 +3133,6 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
       -webkit-transition: all linear 0.2s;
       transition: all linear 0.2s;
       border-radius: 4px;
-      /* Focus state */
-      /* Disabled state */
     }
   }
   select:focus, textarea:focus {
@@ -3370,22 +3175,16 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
       color: #999999;
     }
   }
-  textarea {
-    -webkit-appearance: none;
-  }
-  input {
-    &:not([type]), &[type="text"], &[type="password"], &[type="email"], &[type="url"], &[type="search"], &[type="tel"] {
-      -webkit-appearance: none;
-    }
-  }
-  :invalid {
-    box-shadow: none;
-  }
   legend {
-    width: 100%;
     /* 1 */
-    padding-bottom: 15px;
+    width: 100%;
     /* 2 */
+    border: 0;
+    /* 3 */
+    padding: 0;
+    /* 4 */
+    padding-bottom: 15px;
+    /* 5 */
     font-size: 18px;
     line-height: 30px;
     &:after {
@@ -3396,6 +3195,69 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
   }
 }
 
+/*
+ * Address inconsistent `text-transform` inheritance which is only inherit in Firefox
+ */
+
+/*
+ * 1. Correct `font` properties not being inherited.
+ * 2. Don't inherit the `font-weight` and use `bold` instead.
+ * NOTE: Both declarations don't work in Chrome, Safari and Opera.
+ */
+
+/*
+ * Removes inner padding and border in Firefox 4+.
+ */
+
+/*
+ * Removes excess padding in IE 8/9/10.
+ */
+
+/*
+ * Improves consistency of cursor style for clickable elements
+ */
+
+/*
+ * Remove default style in iOS.
+ */
+
+/*
+ * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.
+ */
+
+/*
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+/*
+ * Define consistent border, margin, and padding.
+ */
+
+/*
+ * 1. Remove default vertical scrollbar in IE 8/9/10/11.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+/*
+ * Removes placeholder transparency in Firefox.
+ */
+
+/*
+ * Removes `box-shadow` for invalid controls in Firefox.
+ */
+
+/*
+ * Vertical alignment
+ */
+
+/* Style
+ ========================================================================== */
+/*
+ * Remove margin from the last-child
+ */
+
 /*
  * Controls
  * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`
@@ -3407,25 +3269,19 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 
 /*
  * Placeholder
- * Higher specificity (!important) needed to override color in IE
- */
-
-/*
- * Reset style on iOS.
- */
-
-/*
- * Removes box-shadow for invalid controls in Firefox.
  */
 
 /*
- * Legend style
- * 1. `margin-bottom` is not working in Safari and Opera.
+ * Legend
+ * 1. Behave like block element
+ * 2. Correct `color` not being inherited in IE 8/9/10/11.
+ * 3. Remove padding
+ * 4. `margin-bottom` is not working in Safari and Opera.
  *    Using `padding` and :after instead to create the border
- * 2. Style
+ * 5. Style
  */
 
-/* 1 */
+/* 4 */
 
 /* Size modifiers
  * Higher specificity needed to override defaults
@@ -3697,41 +3553,53 @@ select.uk-form-width-mini {
    Component: Button
  ========================================================================== */
 /*
- * 1. Required for `a` elements
- * 2. Required for `button` and `input` elements
- * 3. `line-height` is used to create a height
- * 4. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working.
- * 5. Reset button group whitespace hack
- * 6. Style
+ * Removes inner padding and border in Firefox 4+.
  */
 
 .uk-button {
+  &::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+  }
   /* 1 */
-  display: inline-block;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  vertical-align: middle;
-  text-decoration: none;
-  text-align: center;
+  -webkit-appearance: none;
   /* 2 */
-  border: none;
+  margin: 0;
   /* 3 */
-  line-height: 28px;
+  border: none;
   /* 4 */
-  min-height: 30px;
+  overflow: visible;
   /* 5 */
-  font-size: 1rem;
+  font: inherit;
+  color: #444444;
   /* 6 */
+  text-transform: none;
+  /* 7 */
+  display: inline-block;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
   padding: 0 12px;
   background: #f7f7f7;
-  color: #444444;
+  vertical-align: middle;
+  /* 8 */
+  line-height: 28px;
+  /* 9 */
+  min-height: 30px;
+  /* 10 */
+  font-size: 1rem;
+  /* 11 */
+  text-decoration: none;
+  text-align: center;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-bottom-color: rgba(0, 0, 0, 0.3);
   background-origin: border-box;
-  background-image: -webkit-linear-gradient(top, white, #eeeeee);
-  background-image: linear-gradient(to bottom, white, #eeeeee);
+  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
+  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
   border-radius: 4px;
   text-shadow: 0 1px 0 #ffffff;
+  &:not(:disabled) {
+    cursor: pointer;
+  }
   &:hover, &:focus {
     background-color: #fafafa;
     color: #444444;
@@ -3751,6 +3619,20 @@ select.uk-form-width-mini {
   }
 }
 
+/*
+ * 1. Correct inability to style clickable `input` types in iOS.
+ * 2. Remove margins in Chrome, Safari and Opera.
+ * 3. Remove borders for `button`.
+ * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.
+ * 5. Correct `font` properties and `color` not being inherited for `button`.
+ * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE
+ * 7. Style
+ * 8. `line-height` is used to create a height
+ * 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working.
+ * 10. Reset button group whitespace hack
+ * 11. Required for `a`.
+ */
+
 /*
  * Hover
  * 1. Apply hover style also to focus state
@@ -4013,15 +3895,6 @@ select.uk-form-width-mini {
 /* ========================================================================
    Component: Icon
  ========================================================================== */
-@font-face {
-  font-family: 'FontAwesome';
-  src: url("../fonts/fontawesome-webfont.eot");
-  src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype");
-  font-weight: normal;
-  font-style: normal;
-}
-
-
 /*
  * 1. Allow margin
  * 2. Prevent inherit font style
@@ -4088,8 +3961,8 @@ select.uk-form-width-mini {
   border: 1px solid #cccccc;
   border-bottom-color: #bbbbbb;
   background-origin: border-box;
-  background-image: -webkit-linear-gradient(top, white, #eeeeee);
-  background-image: linear-gradient(to bottom, white, #eeeeee);
+  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
+  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
   text-shadow: 0 1px 0 #ffffff;
   &:hover, &:focus {
     background-color: #fafafa;
@@ -4172,7 +4045,7 @@ select.uk-form-width-mini {
   content: "\f00c";
 }
 
-.uk-icon-times:before {
+.uk-icon-remove:before, .uk-icon-close:before, .uk-icon-times:before {
   content: "\f00d";
 }
 
@@ -4600,7 +4473,7 @@ select.uk-form-width-mini {
   content: "\f07e";
 }
 
-.uk-icon-bar-chart-o:before {
+.uk-icon-bar-chart-o:before, .uk-icon-bar-chart:before {
   content: "\f080";
 }
 
@@ -5652,7 +5525,7 @@ select.uk-form-width-mini {
   content: "\f1a6";
 }
 
-.uk-icon-pied-piper-square:before, .uk-icon-pied-piper:before {
+.uk-icon-pied-piper:before {
   content: "\f1a7";
 }
 
@@ -5796,7 +5669,7 @@ select.uk-form-width-mini {
   content: "\f1cc";
 }
 
-.uk-icon-life-bouy:before, .uk-icon-life-saver:before, .uk-icon-support:before, .uk-icon-life-ring:before {
+.uk-icon-life-bouy:before, .uk-icon-life-buoy:before, .uk-icon-life-saver:before, .uk-icon-support:before, .uk-icon-life-ring:before {
   content: "\f1cd";
 }
 
@@ -5876,34 +5749,203 @@ select.uk-form-width-mini {
   content: "\f1e2";
 }
 
+.uk-icon-soccer-ball-o:before, .uk-icon-futbol-o:before {
+  content: "\f1e3";
+}
+
+.uk-icon-tty:before {
+  content: "\f1e4";
+}
+
+.uk-icon-binoculars:before {
+  content: "\f1e5";
+}
+
+.uk-icon-plug:before {
+  content: "\f1e6";
+}
+
+.uk-icon-slideshare:before {
+  content: "\f1e7";
+}
+
+.uk-icon-twitch:before {
+  content: "\f1e8";
+}
+
+.uk-icon-yelp:before {
+  content: "\f1e9";
+}
+
+.uk-icon-newspaper-o:before {
+  content: "\f1ea";
+}
+
+.uk-icon-wifi:before {
+  content: "\f1eb";
+}
+
+.uk-icon-calculator:before {
+  content: "\f1ec";
+}
+
+.uk-icon-paypal:before {
+  content: "\f1ed";
+}
+
+.uk-icon-google-wallet:before {
+  content: "\f1ee";
+}
+
+.uk-icon-cc-visa:before {
+  content: "\f1f0";
+}
+
+.uk-icon-cc-mastercard:before {
+  content: "\f1f1";
+}
+
+.uk-icon-cc-discover:before {
+  content: "\f1f2";
+}
+
+.uk-icon-cc-amex:before {
+  content: "\f1f3";
+}
+
+.uk-icon-cc-paypal:before {
+  content: "\f1f4";
+}
+
+.uk-icon-cc-stripe:before {
+  content: "\f1f5";
+}
+
+.uk-icon-bell-slash:before {
+  content: "\f1f6";
+}
+
+.uk-icon-bell-slash-o:before {
+  content: "\f1f7";
+}
+
+.uk-icon-trash:before {
+  content: "\f1f8";
+}
+
+.uk-icon-copyright:before {
+  content: "\f1f9";
+}
+
+.uk-icon-at:before {
+  content: "\f1fa";
+}
+
+.uk-icon-eyedropper:before {
+  content: "\f1fb";
+}
+
+.uk-icon-paint-brush:before {
+  content: "\f1fc";
+}
+
+.uk-icon-birthday-cake:before {
+  content: "\f1fd";
+}
+
+.uk-icon-area-chart:before {
+  content: "\f1fe";
+}
+
+.uk-icon-pie-chart:before {
+  content: "\f200";
+}
+
+.uk-icon-line-chart:before {
+  content: "\f201";
+}
+
+.uk-icon-lastfm:before {
+  content: "\f202";
+}
+
+.uk-icon-lastfm-square:before {
+  content: "\f203";
+}
+
+.uk-icon-toggle-off:before {
+  content: "\f204";
+}
+
+.uk-icon-toggle-on:before {
+  content: "\f205";
+}
+
+.uk-icon-bicycle:before {
+  content: "\f206";
+}
+
+.uk-icon-bus:before {
+  content: "\f207";
+}
+
+.uk-icon-ioxhost:before {
+  content: "\f208";
+}
+
+.uk-icon-angellist:before {
+  content: "\f209";
+}
+
+.uk-icon-cc:before {
+  content: "\f20a";
+}
+
+.uk-icon-shekel:before, .uk-icon-sheqel:before, .uk-icon-ils:before {
+  content: "\f20b";
+}
+
+.uk-icon-meanpath:before {
+  content: "\f20c";
+}
+
 /* ========================================================================
    Component: Close
  ========================================================================== */
 /*
- * 1. Required for `button` elements and makes
- *    close button more robust against different box-sizing use
- * 2. Style
- * 3. Required for `button` elements
- * 4. Needed for Safari
+ * Removes inner padding and border in Firefox 4+.
  */
 
 .uk-close {
+  &::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+  }
   /* 1 */
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
+  -webkit-appearance: none;
   /* 2 */
+  margin: 0;
+  /* 3 */
+  border: none;
+  /* 4 */
+  overflow: visible;
+  /* 5 */
+  font: inherit;
+  color: inherit;
+  /* 6 */
+  text-transform: none;
+  /* 7. */
+  padding: 0;
+  background: transparent;
+  /* 8 */
   display: inline-block;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
   width: 20px;
   line-height: 20px;
   text-align: center;
-  color: inherit;
+  vertical-align: middle;
   opacity: 0.3;
-  /* 3. */
-  padding: 0;
-  border: 0;
-  -webkit-appearance: none;
-  /* 4. */
-  background: transparent;
   &:after {
     display: block;
     content: "\f00d";
@@ -5920,6 +5962,17 @@ select.uk-form-width-mini {
   }
 }
 
+/*
+ * 1. Correct inability to style clickable `input` types in iOS.
+ * 2. Remove margins in Chrome, Safari and Opera.
+ * 3. Remove borders for `button`.
+ * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.
+ * 5. Correct `font` properties and `color` not being inherited for `button`.
+ * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE
+ * 7. Remove default `button` padding and background color
+ * 8. Style
+ */
+
 /* Icon */
 
 /*
@@ -8518,4 +8571,4 @@ a.uk-thumbnail {
   h2, h3 {
     page-break-after: avoid;
   }
-}
+}