uikit 3.14.4-dev.e2919bbf7 → 3.14.4-dev.eb440d70c

package/dist/css/uikit-core.css

@@ -1,4 +1,4 @@
-/*! UIkit 3.14.4-dev.e2919bbf7 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.14.4-dev.eb440d70c | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -3240,18 +3240,6 @@ select.uk-form-width-xsmall {
 .uk-drop.uk-open {
   display: block;
 }
-/* Stretch modifier
- ========================================================================== */
-/*
- * 1. Allow scrolling
- */
-.uk-drop-stretch {
-  --uk-position-offset: 0;
-  --uk-position-viewport-offset: 0;
-  /* 1 */
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-}
 /* Grid modifiers
  ========================================================================== */
 .uk-drop-stack .uk-drop-grid > * {
@@ -3277,7 +3265,6 @@ select.uk-form-width-xsmall {
   /* 3 */
   box-sizing: border-box;
   min-width: 200px;
-  max-width: 100vw;
   /* 4 */
   padding: 15px;
   background: #f8f8f8;
@@ -3298,18 +3285,6 @@ select.uk-form-width-xsmall {
 .uk-dropdown-large {
   padding: 40px;
 }
-/* Stretch modifier
- ========================================================================== */
-/*
- * 1. Allow scrolling
- */
-.uk-dropdown-stretch {
-  --uk-position-offset: 0;
-  --uk-position-viewport-offset: 0;
-  /* 1 */
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-}
 /* Nav
  * Adopts `uk-nav`
  ========================================================================== */
@@ -3357,6 +3332,61 @@ select.uk-form-width-xsmall {
 .uk-dropdown-stack .uk-dropdown-grid > * {
   width: 100% !important;
 }
+/* ========================================================================
+   Component: Dropbar
+ ========================================================================== */
+/*
+ * 1. Hide by default
+ * 2. Set position
+ * 3. Style
+ */
+.uk-dropbar {
+  --uk-position-offset: 0;
+  --uk-position-shift-offset: 0;
+  --uk-position-viewport-offset: 0;
+  /* 1 */
+  display: none;
+  /* 2 */
+  position: absolute;
+  z-index: 1020;
+  /* 3 */
+  box-sizing: border-box;
+  padding: 15px 15px 15px 15px;
+  background: #f8f8f8;
+  color: #666;
+}
+/* Show */
+.uk-dropbar.uk-open {
+  display: block;
+}
+/*
+ * Remove margin from the last-child
+ */
+.uk-dropbar > :last-child {
+  margin-bottom: 0;
+}
+/* Phone landscape and bigger */
+@media (min-width: 640px) {
+  .uk-dropbar {
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+}
+/* Tablet landscape and bigger */
+@media (min-width: 960px) {
+  .uk-dropbar {
+    padding-left: 40px;
+    padding-right: 40px;
+  }
+}
+/* Size modifier
+ ========================================================================== */
+.uk-dropbar-large {
+  padding-top: 40px;
+  padding-bottom: 40px;
+}
+/* Direction modifier
+ ========================================================================== */
 /* ========================================================================
    Component: Modal
  ========================================================================== */
@@ -4665,7 +4695,7 @@ ul.uk-nav-sub {
 .uk-nav-sub a {
   padding: 2px 0;
 }
-/* Parent icon modifier
+/* Parent icon
  ========================================================================== */
 .uk-nav-parent-icon {
   margin-left: auto;
@@ -4796,6 +4826,69 @@ ul.uk-nav-sub {
 .uk-nav-primary .uk-nav-sub li.uk-active > a {
   color: #333;
 }
+/* Secondary modifier
+ ========================================================================== */
+.uk-nav-secondary {
+  font-size: 16px;
+  line-height: 1.5;
+}
+/*
+ * Items
+ */
+.uk-nav-secondary > li > a {
+  color: #333;
+}
+/* Hover */
+.uk-nav-secondary > li > a:hover {
+  color: #333;
+}
+/* Active */
+.uk-nav-secondary > li.uk-active > a {
+  color: #333;
+}
+/*
+ * Subtitle
+ */
+.uk-nav-secondary .uk-nav-subtitle {
+  font-size: 0.875rem;
+  color: #999;
+}
+/* Hover */
+.uk-nav-secondary > li > a:hover .uk-nav-subtitle {
+  color: #666;
+}
+/* Active */
+.uk-nav-secondary > li.uk-active > a .uk-nav-subtitle {
+  color: #333;
+}
+/*
+ * Header
+ */
+.uk-nav-secondary .uk-nav-header {
+  color: #333;
+}
+/*
+ * Divider
+ */
+.uk-nav-secondary .uk-nav-divider {
+  border-top: 1px solid #e5e5e5;
+}
+/*
+ * Sublists
+ */
+.uk-nav-secondary .uk-nav-sub {
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+.uk-nav-secondary .uk-nav-sub a {
+  color: #999;
+}
+.uk-nav-secondary .uk-nav-sub a:hover {
+  color: #666;
+}
+.uk-nav-secondary .uk-nav-sub li.uk-active > a {
+  color: #333;
+}
 /* Alignment modifier
  ========================================================================== */
 /*
@@ -4815,12 +4908,16 @@ ul.uk-nav-sub {
 .uk-nav-center .uk-nav-sub ul {
   padding-left: 0;
 }
-/* Parent icon modifier  */
+/* Parent icon  */
 .uk-nav-center .uk-nav-parent-icon {
   margin-left: 0;
 }
 /* Style modifier
  ========================================================================== */
+/*
+ * Divider
+ * Naming is in plural to prevent conflicts with divider sub object.
+ */
 .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) {
   margin-top: 5px;
   padding-top: 5px;
@@ -5044,7 +5141,6 @@ ul.uk-nav-sub {
   /* 3 */
   box-sizing: border-box;
   width: 200px;
-  max-width: 100vw;
   /* 4 */
   padding: 15px;
   background: #f8f8f8;
@@ -5101,36 +5197,6 @@ ul.uk-nav-sub {
   --uk-position-shift-offset: 0;
   padding: 40px;
 }
-/*
- * Stretch modifier
- * 1. Allow scrolling
- * 2. Style
- */
-.uk-navbar-dropdown-stretch {
-  --uk-position-offset: 0;
-  --uk-position-shift-offset: 0;
-  --uk-position-viewport-offset: 0;
-  /* 1 */
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-  /* 2 */
-  padding: 15px 15px 15px 15px;
-  background: #f8f8f8;
-}
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  .uk-navbar-dropdown-stretch {
-    padding-left: 30px;
-    padding-right: 30px;
-  }
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-navbar-dropdown-stretch {
-    padding-left: 40px;
-    padding-right: 40px;
-  }
-}
 /*
  * Dropbar modifier
  * 1. Reset dropdown width to prevent to early shifting
@@ -5144,6 +5210,7 @@ ul.uk-nav-sub {
   background: transparent;
   /* 3 */
   padding: 15px 15px 15px 15px;
+  --uk-position-offset: 0;
   --uk-position-shift-offset: 0;
   --uk-position-viewport-offset: 15px;
 }
@@ -5159,6 +5226,10 @@ ul.uk-nav-sub {
     --uk-position-viewport-offset: 40px;
   }
 }
+.uk-navbar-dropdown-dropbar-large {
+  padding-top: 40px;
+  padding-bottom: 40px;
+}
 /* Dropdown Nav
  * Adopts `uk-nav`
  ========================================================================== */
@@ -5208,12 +5279,18 @@ ul.uk-nav-sub {
 }
 /* Dropbar
  ========================================================================== */
+/*
+ * 1. Reset dropbar
+ * 2. Width
+ */
 .uk-navbar-dropbar {
-  position: absolute;
+  /* 1 */
+  display: block !important;
   z-index: 980;
+  padding: 0;
+  /* 2 */
   left: 0;
   right: 0;
-  background: #f8f8f8;
 }
 /* ========================================================================
    Component: Subnav
@@ -10920,6 +10997,149 @@ iframe[data-uk-cover] {
 .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a {
   color: #fff;
 }
+.uk-light .uk-nav-secondary > li > a,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a,
+.uk-card-primary.uk-card-body .uk-nav-secondary > li > a,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a,
+.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a,
+.uk-overlay-primary .uk-nav-secondary > li > a,
+.uk-offcanvas-bar .uk-nav-secondary > li > a {
+  color: #fff;
+}
+.uk-light .uk-nav-secondary > li > a:hover,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover,
+.uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover,
+.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover,
+.uk-overlay-primary .uk-nav-secondary > li > a:hover,
+.uk-offcanvas-bar .uk-nav-secondary > li > a:hover {
+  color: #fff;
+}
+.uk-light .uk-nav-secondary > li.uk-active > a,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a,
+.uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a,
+.uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a,
+.uk-overlay-primary .uk-nav-secondary > li.uk-active > a,
+.uk-offcanvas-bar .uk-nav-secondary > li.uk-active > a {
+  color: #fff;
+}
+.uk-light .uk-nav-secondary .uk-nav-subtitle,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,
+.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-subtitle,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-subtitle,
+.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-subtitle,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-subtitle,
+.uk-overlay-primary .uk-nav-secondary .uk-nav-subtitle,
+.uk-offcanvas-bar .uk-nav-secondary .uk-nav-subtitle {
+  color: rgba(255, 255, 255, 0.5);
+}
+.uk-light .uk-nav-secondary > li > a:hover .uk-nav-subtitle,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle,
+.uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover .uk-nav-subtitle,
+.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover .uk-nav-subtitle,
+.uk-overlay-primary .uk-nav-secondary > li > a:hover .uk-nav-subtitle,
+.uk-offcanvas-bar .uk-nav-secondary > li > a:hover .uk-nav-subtitle {
+  color: rgba(255, 255, 255, 0.7);
+}
+.uk-light .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle,
+.uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle,
+.uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle,
+.uk-overlay-primary .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle,
+.uk-offcanvas-bar .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle {
+  color: #fff;
+}
+.uk-light .uk-nav-secondary .uk-nav-header,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,
+.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-header,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-header,
+.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-header,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-header,
+.uk-overlay-primary .uk-nav-secondary .uk-nav-header,
+.uk-offcanvas-bar .uk-nav-secondary .uk-nav-header {
+  color: #fff;
+}
+.uk-light .uk-nav-secondary .uk-nav-divider,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,
+.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-divider,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-divider,
+.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-divider,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-divider,
+.uk-overlay-primary .uk-nav-secondary .uk-nav-divider,
+.uk-offcanvas-bar .uk-nav-secondary .uk-nav-divider {
+  border-top-color: rgba(255, 255, 255, 0.2);
+}
+.uk-light .uk-nav-secondary .uk-nav-sub a,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,
+.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a,
+.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a,
+.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a,
+.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a {
+  color: rgba(255, 255, 255, 0.5);
+}
+.uk-light .uk-nav-secondary .uk-nav-sub a:hover,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,
+.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a:hover,
+.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a:hover,
+.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a:hover,
+.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a:hover {
+  color: rgba(255, 255, 255, 0.7);
+}
+.uk-light .uk-nav-secondary .uk-nav-sub li.uk-active > a,
+.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a,
+.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a,
+.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a,
+.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub li.uk-active > a,
+.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub li.uk-active > a,
+.uk-overlay-primary .uk-nav-secondary .uk-nav-sub li.uk-active > a,
+.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub li.uk-active > a {
+  color: #fff;
+}
 .uk-light .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider),
 .uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider),
 .uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider),