RubyGems - uikit-reset - Versions diffs - 2.1.0 → 3.2.0 - Mend

uikit-reset 2.1.0 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

checksums.yaml +4 -4
data/lib/uikit/reset/version.rb +1 -1
data/vendor/assets/javascripts/uikit-reset.js +594 -476
data/vendor/assets/stylesheets/uikit-reset.scss +411 -193
metadata +1 -1

data/vendor/assets/stylesheets/uikit-reset.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-/*! UIkit 3.1.0 | http://www.getuikit.com | (c) 2014 - 2018 YOOtheme | MIT License */
+/*! UIkit 3.2.0 | http://www.getuikit.com | (c) 2014 - 2019 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -30,13 +30,6 @@ body {
 /* Links
  ========================================================================== */
-/*
- * Remove gaps in links underline in iOS 8+ and Safari 8+.
- */
-a {
-  -webkit-text-decoration-skip: objects;
-}
 /*
  * Remove the outline on focused links when they are also active or hovered
  */
@@ -56,7 +49,9 @@ a,
 }
 a:hover,
-.uk-link:hover {
+.uk-link:hover,
+.uk-link-toggle:hover .uk-link,
+.uk-link-toggle:focus .uk-link {
   color: #0f6ecd;
   text-decoration: underline;
 }
@@ -64,13 +59,12 @@ a:hover,
 /* Text-level semantics
  ========================================================================== */
 /*
- * 1. Add an underline text decoration in Safari, Edge and IE.
- * 2. Add `dotted` style in Safari.
- * Note: The shorthand declaration `underline dotted` is not supported in Safari, Edge and IE.
+ * 1. Add the correct text decoration in Edge.
+ * 2. The shorthand declaration `underline dotted` is not supported in Safari.
  */
 abbr[title] {
   /* 1 */
-  text-decoration: underline;
+  text-decoration: underline dotted;
   /* 2 */
   -webkit-text-decoration-style: dotted;
 }
@@ -207,10 +201,14 @@ svg:not(:root) {
 }
 /*
- * Hide `alt` text for lazy load images
- * Selector for background while loading img[data-src*='.jpg'][src*='data:image'] { background: grey; }
+ * 1. Fix lazy loading images if parent element is set to `display: inline` and has `overflow: hidden`.
+ * 2. Hide `alt` text for lazy loading images.
+ * Note: Selector for background while loading img[data-src*='.jpg'][src*='data:image'] { background: grey; }
  */
 img:not([src]) {
+  /* 1 */
+  min-width: 1px;
+  /* 2 */
   visibility: hidden;
 }
@@ -380,21 +378,17 @@ dd {
 /* Horizontal rules
  ========================================================================== */
 /*
- * 1. Add the correct box sizing and height in Firefox.
- * 2. Show the overflow in Edge and IE.
- * 3. Add the correct text-align in Edge and IE.
- * 4. Style
+ * 1. Show the overflow in Chrome, Edge and IE.
+ * 2. Add the correct text-align in Edge and IE.
+ * 3. Style
  */
 hr,
 .uk-hr {
   /* 1 */
-  box-sizing: content-box;
-  height: 0;
-  /* 2 */
   overflow: visible;
-  /* 3 */
+  /* 2 */
   text-align: inherit;
-  /* 4 */
+  /* 3 */
   margin: 0 0 20px 0;
   border: 0;
   border-top: 1px solid #e5e5e5;
@@ -540,31 +534,37 @@ a.uk-link-muted,
 }
 a.uk-link-muted:hover,
-.uk-link-muted a:hover {
+.uk-link-muted a:hover,
+.uk-link-toggle:hover .uk-link-muted,
+.uk-link-toggle:focus .uk-link-muted {
   color: #666;
 }
 /* Text
  ========================================================================== */
-a.uk-link-text:not(:hover),
-.uk-link-text a:not(:hover) {
+a.uk-link-text,
+.uk-link-text a {
   color: inherit;
 }
 a.uk-link-text:hover,
-.uk-link-text a:hover {
+.uk-link-text a:hover,
+.uk-link-toggle:hover .uk-link-text,
+.uk-link-toggle:focus .uk-link-text {
   color: #999;
 }
 /* Heading
  ========================================================================== */
-a.uk-link-heading:not(:hover),
-.uk-link-heading a:not(:hover) {
+a.uk-link-heading,
+.uk-link-heading a {
   color: inherit;
 }
 a.uk-link-heading:hover,
-.uk-link-heading a:hover {
+.uk-link-heading a:hover,
+.uk-link-toggle:hover .uk-link-heading,
+.uk-link-toggle:focus .uk-link-heading {
   color: #1e87f0;
   text-decoration: none;
 }
@@ -575,13 +575,22 @@ a.uk-link-heading:hover,
  * `!important` needed to override inverse component
  */
 a.uk-link-reset,
-a.uk-link-reset:hover,
-.uk-link-reset a,
-.uk-link-reset a:hover {
+.uk-link-reset a {
+  color: inherit !important;
+  text-decoration: none !important;
+}
+/* Toggle
+ ========================================================================== */
+.uk-link-toggle {
   color: inherit !important;
   text-decoration: none !important;
 }
+.uk-link-toggle:focus {
+  outline: none;
+}
 /* ========================================================================
    Component: Heading
  ========================================================================== */
@@ -655,54 +664,17 @@ a.uk-link-reset:hover,
 /* Primary
    Deprecated: Use `uk-heading-medium` instead
  ========================================================================== */
-.uk-heading-primary {
-  font-size: 3rem;
-  line-height: 1.2;
-}
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-heading-primary {
-    font-size: 3.375rem;
-  }
-}
 /* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-heading-primary {
-    font-size: 3.75rem;
-    line-height: 1.1;
-  }
-}
 /* Hero
    Deprecated: Use `uk-heading-xlarge` instead
  ========================================================================== */
-.uk-heading-hero {
-  font-size: 4rem;
-  line-height: 1.1;
-}
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-heading-hero {
-    font-size: 6rem;
-    line-height: 1;
-  }
-}
 /* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-heading-hero {
-    font-size: 8rem;
-    line-height: 1;
-  }
-}
 /* Divider
  ========================================================================== */
 .uk-heading-divider {
-  padding-bottom: calc(10px + 0.1em);
+  padding-bottom: calc(5px + 0.1em);
   border-bottom: calc(0.2px + 0.05em) solid #e5e5e5;
 }
@@ -758,7 +730,7 @@ a.uk-link-reset:hover,
   content: "";
   /* 1 */
   position: absolute;
-  top: calc(50% - (calc(0.2px + 0.05em) / 2));
+  top: calc(50% - ((0.2px + 0.05em) / 2));
   /* 2 */
   width: 2000px;
   /* 3 */
@@ -826,13 +798,15 @@ a.uk-link-reset:hover,
 /* Small
  ========================================================================== */
 /*
- * Fix height of `hr` element not being expanded by child border width.
- * `height` also needed to reset the child `line-height` caused by `inline-block`
+ * 1. Fix height because of `inline-block`
+ * 2. Using ::after and inline-block to make `text-align` work
  */
+/* 1 */
 .uk-divider-small {
-  height: 1px;
+  line-height: 0;
 }
+/* 2 */
 .uk-divider-small::after {
   content: "";
   display: inline-block;
@@ -1860,6 +1834,27 @@ select.uk-form-width-xsmall {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
 }
+/* Datalist
+ ========================================================================== */
+/*
+ * 1. Remove default style in Chrome
+ */
+.uk-input[list] {
+  padding-right: 20px;
+  background-repeat: no-repeat;
+  background-position: 100% 50%;
+}
+.uk-input[list]:hover,
+.uk-input[list]:focus {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
+}
+/* 1 */
+.uk-input[list]::-webkit-calendar-picker-indicator {
+  display: none;
+}
 /* Radio and checkbox
  * Note: Does not work in IE11
  ========================================================================== */
@@ -2829,17 +2824,21 @@ select.uk-form-width-xsmall {
  * Small
  */
 /* Horizontal */
-.uk-grid-small {
+.uk-grid-small,
+.uk-grid-column-small {
   margin-left: -15px;
 }
-.uk-grid-small>* {
+.uk-grid-small>*,
+.uk-grid-column-small>* {
   padding-left: 15px;
 }
 /* Vertical */
 .uk-grid+.uk-grid-small,
+.uk-grid+.uk-grid-row-small,
 .uk-grid-small>.uk-grid-margin,
+.uk-grid-row-small>.uk-grid-margin,
 *+.uk-grid-margin-small {
   margin-top: 15px;
 }
@@ -2848,17 +2847,21 @@ select.uk-form-width-xsmall {
  * Medium
  */
 /* Horizontal */
-.uk-grid-medium {
+.uk-grid-medium,
+.uk-grid-column-medium {
   margin-left: -30px;
 }
-.uk-grid-medium>* {
+.uk-grid-medium>*,
+.uk-grid-column-medium>* {
   padding-left: 30px;
 }
 /* Vertical */
 .uk-grid+.uk-grid-medium,
+.uk-grid+.uk-grid-row-medium,
 .uk-grid-medium>.uk-grid-margin,
+.uk-grid-row-medium>.uk-grid-margin,
 *+.uk-grid-margin-medium {
   margin-top: 30px;
 }
@@ -2867,17 +2870,21 @@ select.uk-form-width-xsmall {
  * Large
  */
 /* Horizontal */
-.uk-grid-large {
+.uk-grid-large,
+.uk-grid-column-large {
   margin-left: -40px;
 }
-.uk-grid-large>* {
+.uk-grid-large>*,
+.uk-grid-column-large>* {
   padding-left: 40px;
 }
 /* Vertical */
 .uk-grid+.uk-grid-large,
+.uk-grid+.uk-grid-row-large,
 .uk-grid-large>.uk-grid-margin,
+.uk-grid-row-large>.uk-grid-margin,
 *+.uk-grid-margin-large {
   margin-top: 40px;
 }
@@ -2886,17 +2893,21 @@ select.uk-form-width-xsmall {
 @media (min-width: 1200px) {
   /* Horizontal */
-  .uk-grid-large {
+  .uk-grid-large,
+  .uk-grid-column-large {
     margin-left: -70px;
   }
-  .uk-grid-large>* {
+  .uk-grid-large>*,
+  .uk-grid-column-large>* {
     padding-left: 70px;
   }
   /* Vertical */
   .uk-grid+.uk-grid-large,
+  .uk-grid+.uk-grid-row-large,
   .uk-grid-large>.uk-grid-margin,
+  .uk-grid-row-large>.uk-grid-margin,
   *+.uk-grid-margin-large {
     margin-top: 70px;
   }
@@ -2906,17 +2917,21 @@ select.uk-form-width-xsmall {
  * Collapse
  */
 /* Horizontal */
-.uk-grid-collapse {
+.uk-grid-collapse,
+.uk-grid-column-collapse {
   margin-left: 0;
 }
-.uk-grid-collapse>* {
+.uk-grid-collapse>*,
+.uk-grid-column-collapse>* {
   padding-left: 0;
 }
 /* Vertical */
 .uk-grid+.uk-grid-collapse,
-.uk-grid-collapse>.uk-grid-margin {
+.uk-grid+.uk-grid-row-collapse,
+.uk-grid-collapse>.uk-grid-margin,
+.uk-grid-row-collapse>.uk-grid-margin {
   margin-top: 0;
 }
@@ -3000,20 +3015,24 @@ select.uk-form-width-xsmall {
  * Small
  */
 /* Horizontal */
-.uk-grid-divider.uk-grid-small {
+.uk-grid-divider.uk-grid-small,
+.uk-grid-divider.uk-grid-column-small {
   margin-left: -30px;
 }
-.uk-grid-divider.uk-grid-small>* {
+.uk-grid-divider.uk-grid-small>*,
+.uk-grid-divider.uk-grid-column-small>* {
   padding-left: 30px;
 }
-.uk-grid-divider.uk-grid-small> :not(.uk-first-column)::before {
+.uk-grid-divider.uk-grid-small> :not(.uk-first-column)::before,
+.uk-grid-divider.uk-grid-column-small> :not(.uk-first-column)::before {
   left: 15px;
 }
 /* Vertical */
-.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin {
+.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin,
+.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin {
   margin-top: 30px;
 }
@@ -3022,24 +3041,36 @@ select.uk-form-width-xsmall {
   left: 30px;
 }
+.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin::before {
+  top: -15px;
+}
+.uk-grid-divider.uk-grid-column-small.uk-grid-stack>.uk-grid-margin::before {
+  left: 30px;
+}
 /*
  * Medium
  */
 /* Horizontal */
-.uk-grid-divider.uk-grid-medium {
+.uk-grid-divider.uk-grid-medium,
+.uk-grid-divider.uk-grid-column-medium {
   margin-left: -60px;
 }
-.uk-grid-divider.uk-grid-medium>* {
+.uk-grid-divider.uk-grid-medium>*,
+.uk-grid-divider.uk-grid-column-medium>* {
   padding-left: 60px;
 }
-.uk-grid-divider.uk-grid-medium> :not(.uk-first-column)::before {
+.uk-grid-divider.uk-grid-medium> :not(.uk-first-column)::before,
+.uk-grid-divider.uk-grid-column-medium> :not(.uk-first-column)::before {
   left: 30px;
 }
 /* Vertical */
-.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin {
+.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin,
+.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin {
   margin-top: 60px;
 }
@@ -3048,24 +3079,36 @@ select.uk-form-width-xsmall {
   left: 60px;
 }
+.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin::before {
+  top: -30px;
+}
+.uk-grid-divider.uk-grid-column-medium.uk-grid-stack>.uk-grid-margin::before {
+  left: 60px;
+}
 /*
  * Large
  */
 /* Horizontal */
-.uk-grid-divider.uk-grid-large {
+.uk-grid-divider.uk-grid-large,
+.uk-grid-divider.uk-grid-column-large {
   margin-left: -80px;
 }
-.uk-grid-divider.uk-grid-large>* {
+.uk-grid-divider.uk-grid-large>*,
+.uk-grid-divider.uk-grid-column-large>* {
   padding-left: 80px;
 }
-.uk-grid-divider.uk-grid-large> :not(.uk-first-column)::before {
+.uk-grid-divider.uk-grid-large> :not(.uk-first-column)::before,
+.uk-grid-divider.uk-grid-column-large> :not(.uk-first-column)::before {
   left: 40px;
 }
 /* Vertical */
-.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin {
+.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,
+.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin {
   margin-top: 80px;
 }
@@ -3074,24 +3117,36 @@ select.uk-form-width-xsmall {
   left: 80px;
 }
+.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before {
+  top: -40px;
+}
+.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before {
+  left: 80px;
+}
 /* Desktop and bigger */
 @media (min-width: 1200px) {
   /* Horizontal */
-  .uk-grid-divider.uk-grid-large {
+  .uk-grid-divider.uk-grid-large,
+  .uk-grid-divider.uk-grid-column-large {
     margin-left: -140px;
   }
-  .uk-grid-divider.uk-grid-large>* {
+  .uk-grid-divider.uk-grid-large>*,
+  .uk-grid-divider.uk-grid-column-large>* {
     padding-left: 140px;
   }
-  .uk-grid-divider.uk-grid-large> :not(.uk-first-column)::before {
+  .uk-grid-divider.uk-grid-large> :not(.uk-first-column)::before,
+  .uk-grid-divider.uk-grid-column-large> :not(.uk-first-column)::before {
     left: 70px;
   }
   /* Vertical */
-  .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin {
+  .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,
+  .uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin {
     margin-top: 140px;
   }
@@ -3099,6 +3154,14 @@ select.uk-form-width-xsmall {
     top: -70px;
     left: 140px;
   }
+  .uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before {
+    top: -70px;
+  }
+  .uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before {
+    left: 140px;
+  }
 }
 /* Match child of a grid cell
@@ -4545,9 +4608,9 @@ ul.uk-nav-sub {
 /*
  * Horizontal alignment
  * 1. Create position context for centered navbar with sub groups (left/right)
- * 2. Needed for dropdowns because a new position context is created
+ * 2. Fix text wrapping if content is larger than 50% of the container.
+ * 3. Needed for dropdowns because a new position context is created
  *    `z-index` must be smaller than off-canvas
- * 3. Fix text wrapping if the centered section is larger than 50% of the navbar
  * 4. Align sub groups for centered navbar
  */
 .uk-navbar-right {
@@ -4567,16 +4630,12 @@ ul.uk-nav-sub {
   left: 50%;
   transform: translate(-50%, -50%);
   /* 2 */
+  width: max-content;
+  box-sizing: border-box;
+  /* 3 */
   z-index: 990;
 }
-/* 3 */
-.uk-navbar-center:not(:only-child) .uk-navbar-nav>li>a,
-.uk-navbar-center:not(:only-child) .uk-navbar-item,
-.uk-navbar-center:not(:only-child) .uk-navbar-toggle {
-  white-space: nowrap;
-}
 /* 4 */
 .uk-navbar-center-left,
 .uk-navbar-center-right {
@@ -4592,10 +4651,9 @@ ul.uk-nav-sub {
   left: 100%;
 }
-[class*='uk-navbar-center-'] .uk-navbar-nav>li>a,
-[class*='uk-navbar-center-'] .uk-navbar-item,
-[class*='uk-navbar-center-'] .uk-navbar-toggle {
-  white-space: nowrap;
+[class*='uk-navbar-center-'] {
+  width: max-content;
+  box-sizing: border-box;
 }
 /* Nav
@@ -6084,7 +6142,7 @@ ul.uk-nav-sub {
 }
 /* 6 */
-.uk-slideshow-items> :focus {
+.uk-lightbox-items> :focus {
   outline: none;
 }
@@ -7008,6 +7066,7 @@ ul.uk-nav-sub {
  ========================================================================== */
 .uk-sortable-placeholder {
   opacity: 0;
+  pointer-events: none;
 }
 /* Empty modifier
@@ -7034,7 +7093,7 @@ ul.uk-nav-sub {
 .uk-countdown-number,
 .uk-countdown-separator {
   /* 1 */
-  line-height: 70px;
+  line-height: 0.8;
 }
 /* Number
@@ -8262,20 +8321,42 @@ ul.uk-nav-sub {
 /* Weight modifier
  ========================================================================== */
+.uk-text-light {
+  font-weight: 300;
+}
+.uk-text-normal {
+  font-weight: 400;
+}
 .uk-text-bold {
+  font-weight: 700;
+}
+.uk-text-lighter {
+  font-weight: lighter;
+}
+.uk-text-bolder {
   font-weight: bolder;
 }
-/* Transform modifier
+/* Style modifier
  ========================================================================== */
-.uk-text-uppercase {
-  text-transform: uppercase !important;
+.uk-text-italic {
+  font-style: italic;
 }
+/* Transform modifier
+ ========================================================================== */
 .uk-text-capitalize {
   text-transform: capitalize !important;
 }
+.uk-text-uppercase {
+  text-transform: uppercase !important;
+}
 .uk-text-lowercase {
   text-transform: lowercase !important;
 }
@@ -9991,6 +10072,98 @@ iframe.uk-cover {
   }
 }
+/* Auto
+ ========================================================================== */
+.uk-margin-auto {
+  margin-left: auto !important;
+  margin-right: auto !important;
+}
+.uk-margin-auto-top {
+  margin-top: auto !important;
+}
+.uk-margin-auto-bottom {
+  margin-bottom: auto !important;
+}
+.uk-margin-auto-left {
+  margin-left: auto !important;
+}
+.uk-margin-auto-right {
+  margin-right: auto !important;
+}
+.uk-margin-auto-vertical {
+  margin-top: auto !important;
+  margin-bottom: auto !important;
+}
+/* Phone landscape and bigger */
+@media (min-width: 640px) {
+  .uk-margin-auto\@s {
+    margin-left: auto !important;
+    margin-right: auto !important;
+  }
+  .uk-margin-auto-left\@s {
+    margin-left: auto !important;
+  }
+  .uk-margin-auto-right\@s {
+    margin-right: auto !important;
+  }
+}
+/* Tablet landscape and bigger */
+@media (min-width: 960px) {
+  .uk-margin-auto\@m {
+    margin-left: auto !important;
+    margin-right: auto !important;
+  }
+  .uk-margin-auto-left\@m {
+    margin-left: auto !important;
+  }
+  .uk-margin-auto-right\@m {
+    margin-right: auto !important;
+  }
+}
+/* Desktop and bigger */
+@media (min-width: 1200px) {
+  .uk-margin-auto\@l {
+    margin-left: auto !important;
+    margin-right: auto !important;
+  }
+  .uk-margin-auto-left\@l {
+    margin-left: auto !important;
+  }
+  .uk-margin-auto-right\@l {
+    margin-right: auto !important;
+  }
+}
+/* Large screen and bigger */
+@media (min-width: 1600px) {
+  .uk-margin-auto\@xl {
+    margin-left: auto !important;
+    margin-right: auto !important;
+  }
+  .uk-margin-auto-left\@xl {
+    margin-left: auto !important;
+  }
+  .uk-margin-auto-right\@xl {
+    margin-right: auto !important;
+  }
+}
 /* Remove
  ========================================================================== */
 .uk-margin-remove {
@@ -10023,32 +10196,52 @@ iframe.uk-cover {
   margin-top: 0 !important;
 }
-/* Auto
- ========================================================================== */
-.uk-margin-auto {
-  margin-left: auto !important;
-  margin-right: auto !important;
+.uk-margin-remove-last-child> :last-child {
+  margin-bottom: 0 !important;
 }
-.uk-margin-auto-top {
-  margin-top: auto !important;
-}
+/* Phone landscape and bigger */
+@media (min-width: 640px) {
+  .uk-margin-remove-left\@s {
+    margin-left: 0 !important;
+  }
-.uk-margin-auto-bottom {
-  margin-bottom: auto !important;
+  .uk-margin-remove-right\@s {
+    margin-right: 0 !important;
+  }
 }
-.uk-margin-auto-left {
-  margin-left: auto !important;
+/* Tablet landscape and bigger */
+@media (min-width: 960px) {
+  .uk-margin-remove-left\@m {
+    margin-left: 0 !important;
+  }
+  .uk-margin-remove-right\@m {
+    margin-right: 0 !important;
+  }
 }
-.uk-margin-auto-right {
-  margin-right: auto !important;
+/* Desktop and bigger */
+@media (min-width: 1200px) {
+  .uk-margin-remove-left\@l {
+    margin-left: 0 !important;
+  }
+  .uk-margin-remove-right\@l {
+    margin-right: 0 !important;
+  }
 }
-.uk-margin-auto-vertical {
-  margin-top: auto !important;
-  margin-bottom: auto !important;
+/* Large screen and bigger */
+@media (min-width: 1600px) {
+  .uk-margin-remove-left\@xl {
+    margin-left: 0 !important;
+  }
+  .uk-margin-remove-right\@xl {
+    margin-right: 0 !important;
+  }
 }
 /* ========================================================================
@@ -11015,102 +11208,102 @@ iframe.uk-cover {
   border-top-color: rgba(255, 255, 255, 0.2);
 }
-.uk-light a.uk-link-muted,
+.uk-light .uk-link-muted,
 .uk-light .uk-link-muted a,
-.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted,
+.uk-section-primary:not(.uk-preserve-color) .uk-link-muted,
 .uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,
-.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted,
+.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted,
 .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,
-.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted,
+.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted,
 .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,
-.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a,
-.uk-card-primary.uk-card-body a.uk-link-muted,
+.uk-card-primary.uk-card-body .uk-link-muted,
 .uk-card-primary.uk-card-body .uk-link-muted a,
-.uk-card-primary> :not([class*='uk-card-media']) a.uk-link-muted,
+.uk-card-primary> :not([class*='uk-card-media']) .uk-link-muted,
 .uk-card-primary> :not([class*='uk-card-media']) .uk-link-muted a,
-.uk-card-secondary.uk-card-body a.uk-link-muted,
+.uk-card-secondary.uk-card-body .uk-link-muted,
 .uk-card-secondary.uk-card-body .uk-link-muted a,
-.uk-card-secondary> :not([class*='uk-card-media']) a.uk-link-muted,
+.uk-card-secondary> :not([class*='uk-card-media']) .uk-link-muted,
 .uk-card-secondary> :not([class*='uk-card-media']) .uk-link-muted a,
-.uk-overlay-primary a.uk-link-muted,
+.uk-overlay-primary .uk-link-muted,
 .uk-overlay-primary .uk-link-muted a,
-.uk-offcanvas-bar a.uk-link-muted,
+.uk-offcanvas-bar .uk-link-muted,
 .uk-offcanvas-bar .uk-link-muted a {
   color: rgba(255, 255, 255, 0.5);
 }
-.uk-light a.uk-link-muted:hover,
+.uk-light .uk-link-muted:hover,
 .uk-light .uk-link-muted a:hover,
-.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover,
+.uk-section-primary:not(.uk-preserve-color) .uk-link-muted:hover,
 .uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
-.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,
+.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted:hover,
 .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
-.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted:hover,
 .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted:hover,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
-.uk-card-primary.uk-card-body a.uk-link-muted:hover,
+.uk-card-primary.uk-card-body .uk-link-muted:hover,
 .uk-card-primary.uk-card-body .uk-link-muted a:hover,
-.uk-card-primary> :not([class*='uk-card-media']) a.uk-link-muted:hover,
+.uk-card-primary> :not([class*='uk-card-media']) .uk-link-muted:hover,
 .uk-card-primary> :not([class*='uk-card-media']) .uk-link-muted a:hover,
-.uk-card-secondary.uk-card-body a.uk-link-muted:hover,
+.uk-card-secondary.uk-card-body .uk-link-muted:hover,
 .uk-card-secondary.uk-card-body .uk-link-muted a:hover,
-.uk-card-secondary> :not([class*='uk-card-media']) a.uk-link-muted:hover,
+.uk-card-secondary> :not([class*='uk-card-media']) .uk-link-muted:hover,
 .uk-card-secondary> :not([class*='uk-card-media']) .uk-link-muted a:hover,
-.uk-overlay-primary a.uk-link-muted:hover,
+.uk-overlay-primary .uk-link-muted:hover,
 .uk-overlay-primary .uk-link-muted a:hover,
-.uk-offcanvas-bar a.uk-link-muted:hover,
+.uk-offcanvas-bar .uk-link-muted:hover,
 .uk-offcanvas-bar .uk-link-muted a:hover {
   color: rgba(255, 255, 255, 0.7);
 }
-.uk-light a.uk-link-text:hover,
+.uk-light .uk-link-text:hover,
 .uk-light .uk-link-text a:hover,
-.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover,
+.uk-section-primary:not(.uk-preserve-color) .uk-link-text:hover,
 .uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,
-.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover,
+.uk-section-secondary:not(.uk-preserve-color) .uk-link-text:hover,
 .uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
-.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-link-text:hover,
 .uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text:hover,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
-.uk-card-primary.uk-card-body a.uk-link-text:hover,
+.uk-card-primary.uk-card-body .uk-link-text:hover,
 .uk-card-primary.uk-card-body .uk-link-text a:hover,
-.uk-card-primary> :not([class*='uk-card-media']) a.uk-link-text:hover,
+.uk-card-primary> :not([class*='uk-card-media']) .uk-link-text:hover,
 .uk-card-primary> :not([class*='uk-card-media']) .uk-link-text a:hover,
-.uk-card-secondary.uk-card-body a.uk-link-text:hover,
+.uk-card-secondary.uk-card-body .uk-link-text:hover,
 .uk-card-secondary.uk-card-body .uk-link-text a:hover,
-.uk-card-secondary> :not([class*='uk-card-media']) a.uk-link-text:hover,
+.uk-card-secondary> :not([class*='uk-card-media']) .uk-link-text:hover,
 .uk-card-secondary> :not([class*='uk-card-media']) .uk-link-text a:hover,
-.uk-overlay-primary a.uk-link-text:hover,
+.uk-overlay-primary .uk-link-text:hover,
 .uk-overlay-primary .uk-link-text a:hover,
-.uk-offcanvas-bar a.uk-link-text:hover,
+.uk-offcanvas-bar .uk-link-text:hover,
 .uk-offcanvas-bar .uk-link-text a:hover {
   color: rgba(255, 255, 255, 0.5);
 }
-.uk-light a.uk-link-heading:hover,
+.uk-light .uk-link-heading:hover,
 .uk-light .uk-link-heading a:hover,
-.uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover,
+.uk-section-primary:not(.uk-preserve-color) .uk-link-heading:hover,
 .uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
-.uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,
+.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading:hover,
 .uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
-.uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading:hover,
 .uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading:hover,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
-.uk-card-primary.uk-card-body a.uk-link-heading:hover,
+.uk-card-primary.uk-card-body .uk-link-heading:hover,
 .uk-card-primary.uk-card-body .uk-link-heading a:hover,
-.uk-card-primary> :not([class*='uk-card-media']) a.uk-link-heading:hover,
+.uk-card-primary> :not([class*='uk-card-media']) .uk-link-heading:hover,
 .uk-card-primary> :not([class*='uk-card-media']) .uk-link-heading a:hover,
-.uk-card-secondary.uk-card-body a.uk-link-heading:hover,
+.uk-card-secondary.uk-card-body .uk-link-heading:hover,
 .uk-card-secondary.uk-card-body .uk-link-heading a:hover,
-.uk-card-secondary> :not([class*='uk-card-media']) a.uk-link-heading:hover,
+.uk-card-secondary> :not([class*='uk-card-media']) .uk-link-heading:hover,
 .uk-card-secondary> :not([class*='uk-card-media']) .uk-link-heading a:hover,
-.uk-overlay-primary a.uk-link-heading:hover,
+.uk-overlay-primary .uk-link-heading:hover,
 .uk-overlay-primary .uk-link-heading a:hover,
-.uk-offcanvas-bar a.uk-link-heading:hover,
+.uk-offcanvas-bar .uk-link-heading:hover,
 .uk-offcanvas-bar .uk-link-heading a:hover {
   color: #fff;
 }
@@ -11221,17 +11414,17 @@ iframe.uk-cover {
   border-top-color: rgba(255, 255, 255, 0.2);
 }
-.uk-light .uk-divider-vertical::after,
-.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical::after,
-.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical::after,
-.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical::after,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical::after,
-.uk-card-primary.uk-card-body .uk-divider-vertical::after,
-.uk-card-primary> :not([class*='uk-card-media']) .uk-divider-vertical::after,
-.uk-card-secondary.uk-card-body .uk-divider-vertical::after,
-.uk-card-secondary> :not([class*='uk-card-media']) .uk-divider-vertical::after,
-.uk-overlay-primary .uk-divider-vertical::after,
-.uk-offcanvas-bar .uk-divider-vertical::after {
+.uk-light .uk-divider-vertical,
+.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical,
+.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical,
+.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical,
+.uk-card-primary.uk-card-body .uk-divider-vertical,
+.uk-card-primary> :not([class*='uk-card-media']) .uk-divider-vertical,
+.uk-card-secondary.uk-card-body .uk-divider-vertical,
+.uk-card-secondary> :not([class*='uk-card-media']) .uk-divider-vertical,
+.uk-overlay-primary .uk-divider-vertical,
+.uk-offcanvas-bar .uk-divider-vertical {
   border-left-color: rgba(255, 255, 255, 0.2);
 }
@@ -11700,6 +11893,31 @@ iframe.uk-cover {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
 }
+.uk-light .uk-input[list]:hover,
+.uk-light .uk-input[list]:focus,
+.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover,
+.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus,
+.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover,
+.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus,
+.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus,
+.uk-card-primary.uk-card-body .uk-input[list]:hover,
+.uk-card-primary.uk-card-body .uk-input[list]:focus,
+.uk-card-primary> :not([class*='uk-card-media']) .uk-input[list]:hover,
+.uk-card-primary> :not([class*='uk-card-media']) .uk-input[list]:focus,
+.uk-card-secondary.uk-card-body .uk-input[list]:hover,
+.uk-card-secondary.uk-card-body .uk-input[list]:focus,
+.uk-card-secondary> :not([class*='uk-card-media']) .uk-input[list]:hover,
+.uk-card-secondary> :not([class*='uk-card-media']) .uk-input[list]:focus,
+.uk-overlay-primary .uk-input[list]:hover,
+.uk-overlay-primary .uk-input[list]:focus,
+.uk-offcanvas-bar .uk-input[list]:hover,
+.uk-offcanvas-bar .uk-input[list]:focus {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
+}
 .uk-light .uk-radio,
 .uk-light .uk-checkbox,
 .uk-section-primary:not(.uk-preserve-color) .uk-radio,