uikit 3.25.20-dev.e4f47fc → 3.25.20

package/src/less/theme/utility.less

@@ -14,7 +14,39 @@
 .hook-panel-scrollable() {}
 
 
+// Box-shadow bottom
+// ========================================================================
+
+.hook-box-shadow-bottom() {}
+
+
+// Drop cap
+// ========================================================================
+
+.hook-dropcap() {
+    // Prevent line wrap
+    margin-bottom: -2px;
+}
+
+
+// Logo
+// ========================================================================
+
+.hook-logo() {}
+
+.hook-logo-hover() {}
+
+
 // Miscellaneous
 // ========================================================================
 
 .hook-utility-misc() {}
+
+
+// Inverse
+// ========================================================================
+
+.hook-inverse-dropcap() {}
+
+.hook-inverse-logo() {}
+.hook-inverse-logo-hover() {}

package/src/scss/components/_import.scss

@@ -13,7 +13,6 @@
 @import "icon.scss";
 @import "form-range.scss";
 @import "form.scss"; // After: Icon, Form Range
-@import "search.scss"; // After: Icon
 @import "button.scss";
 @import "progress.scss";
 
@@ -32,11 +31,10 @@
 @import "placeholder.scss";
 @import "badge.scss";
 @import "label.scss";
-@import "dropcap.scss";
-@import "floating-shadow.scss";
 @import "overlay.scss"; // After: Icon
 @import "article.scss";
 @import "comment.scss";
+@import "search.scss"; // After: Icon
 
 // JavaScript
 @import "accordion.scss";
@@ -46,7 +44,6 @@
 @import "modal.scss"; // After: Close
 @import "slideshow.scss";
 @import "slider.scss";
-@import "marquee.scss";
 @import "sticky.scss";
 @import "offcanvas.scss";
 @import "switcher.scss";
@@ -73,10 +70,8 @@
 @import "tab.scss";
 @import "slidenav.scss"; // After: Icon
 @import "dotnav.scss";
-
 @import "dropdown.scss"; // After: Card, Nav
 @import "lightbox.scss"; // After: Close, Slidenav
-@import "logo.scss"; // After: Navbar
 
 // Utilities
 @import "animation.scss";

package/src/scss/components/base.scss

@@ -429,7 +429,7 @@ blockquote {
  * Content
  */
 
-blockquote :where(p:last-of-type) { margin-bottom: 0; }
+blockquote p:last-of-type { margin-bottom: 0; }
 
 blockquote footer {
     margin-top: $base-blockquote-footer-margin-top;

package/src/scss/components/button.scss

@@ -96,7 +96,7 @@
 
 /* Hover */
 .uk-button:hover {
-    /* 10 */
+    /* 9 */
     text-decoration: none;
     @if(meta.mixin-exists(hook-button-hover)) {@include hook-button-hover();}
 }

package/src/scss/components/form.scss

@@ -624,7 +624,7 @@ select.uk-form-width-xsmall { width: ($form-width-xsmall + 25px); }
  * Stacked
  */
 
-.uk-form-stacked :where(.uk-form-label) {
+.uk-form-stacked .uk-form-label {
     display: block;
     margin-bottom: $form-stacked-margin-bottom;
     @if(meta.mixin-exists(hook-form-stacked-label)) {@include hook-form-stacked-label();}
@@ -638,7 +638,7 @@ select.uk-form-width-xsmall { width: ($form-width-xsmall + 25px); }
 @media (max-width: $breakpoint-small-max) {
 
     /* Behave like `uk-form-stacked` */
-    .uk-form-horizontal :where(.uk-form-label) {
+    .uk-form-horizontal .uk-form-label {
         display: block;
         margin-bottom: $form-stacked-margin-bottom;
         @if(meta.mixin-exists(hook-form-stacked-label)) {@include hook-form-stacked-label();}
@@ -649,17 +649,17 @@ select.uk-form-width-xsmall { width: ($form-width-xsmall + 25px); }
 /* Tablet landscape and bigger */
 @media (min-width: $breakpoint-medium) {
 
-    .uk-form-horizontal :where(.uk-form-label) {
+    .uk-form-horizontal .uk-form-label {
         width: $form-horizontal-label-width;
         margin-top: $form-horizontal-label-margin-top;
         float: left;
         @if(meta.mixin-exists(hook-form-horizontal-label)) {@include hook-form-horizontal-label();}
     }
 
-    .uk-form-horizontal :where(.uk-form-controls) { margin-left: $form-horizontal-controls-margin-left; }
+    .uk-form-horizontal .uk-form-controls { margin-left: $form-horizontal-controls-margin-left; }
 
     /* Better vertical alignment if controls are checkboxes and radio buttons with text */
-    .uk-form-horizontal :where(.uk-form-controls-text) { padding-top: $form-horizontal-controls-text-padding-top; }
+    .uk-form-horizontal .uk-form-controls-text { padding-top: $form-horizontal-controls-text-padding-top; }
 
 }
 

package/src/scss/components/grid.scss

@@ -21,7 +21,6 @@
 // Sub-modifier:    `uk-grid-item-match`
 //
 // States:          `uk-first-column`
-//                  `uk-first-row`
 //
 // ========================================================================
 
@@ -69,32 +68,32 @@
 .uk-grid > * > :last-child { margin-bottom: 0; }
 
 
-/* Gap
+/* Gutter
  ========================================================================== */
 
 /*
  * Default
  */
 
+/* Horizontal */
 .uk-grid { margin-left: (-$grid-gutter-horizontal); }
 .uk-grid > * { padding-left: $grid-gutter-horizontal; }
 
-.uk-grid { row-gap: $grid-gutter-vertical; }
-
-/* Margin */
-.uk-grid + :where(.uk-grid),
+/* Vertical */
+.uk-grid + .uk-grid,
+.uk-grid > .uk-grid-margin,
 * + .uk-grid-margin { margin-top: $grid-gutter-vertical; }
 
 /* Desktop and bigger */
 @media (min-width: $breakpoint-large) {
 
+    /* Horizontal */
     .uk-grid { margin-left: (-$grid-gutter-horizontal-l); }
     .uk-grid > * { padding-left: $grid-gutter-horizontal-l; }
 
-    .uk-grid { row-gap: $grid-gutter-vertical-l; }
-
-    /* Margin */
-    .uk-grid + :where(.uk-grid),
+    /* Vertical */
+    .uk-grid + .uk-grid,
+    .uk-grid > .uk-grid-margin,
     * + .uk-grid-margin { margin-top: $grid-gutter-vertical-l; }
 
 }
@@ -103,63 +102,67 @@
  * Small
  */
 
+/* Horizontal */
 .uk-grid-small,
 .uk-grid-column-small { margin-left: (-$grid-small-gutter-horizontal); }
 .uk-grid-small > *,
 .uk-grid-column-small > * { padding-left: $grid-small-gutter-horizontal; }
 
-.uk-grid-small,
-.uk-grid-row-small { row-gap: $grid-small-gutter-vertical; }
-
-/* Margin */
-.uk-grid + :where(.uk-grid-small, .uk-grid-row-small),
+/* 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: $grid-small-gutter-vertical; }
 
 /*
  * Medium
  */
 
+/* Horizontal */
 .uk-grid-medium,
 .uk-grid-column-medium { margin-left: (-$grid-medium-gutter-horizontal); }
 .uk-grid-medium > *,
 .uk-grid-column-medium > * { padding-left: $grid-medium-gutter-horizontal; }
 
-.uk-grid-medium,
-.uk-grid-row-medium { row-gap: $grid-medium-gutter-vertical; }
-
-/* Margin */
-.uk-grid + :where(.uk-grid-medium, .uk-grid-row-medium),
+/* 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: $grid-medium-gutter-vertical; }
 
 /*
  * Large
  */
 
+/* Horizontal */
 .uk-grid-large,
 .uk-grid-column-large { margin-left: (-$grid-large-gutter-horizontal); }
 .uk-grid-large > *,
 .uk-grid-column-large > * { padding-left: $grid-large-gutter-horizontal; }
 
-.uk-grid-large,
-.uk-grid-row-large { row-gap: $grid-large-gutter-vertical; }
-
-/* Margin */
-.uk-grid + :where(.uk-grid-large, .uk-grid-row-large),
+/* 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: $grid-large-gutter-vertical; }
 
 /* Desktop and bigger */
 @media (min-width: $breakpoint-large) {
 
+    /* Horizontal */
     .uk-grid-large,
     .uk-grid-column-large { margin-left: (-$grid-large-gutter-horizontal-l); }
     .uk-grid-large > *,
     .uk-grid-column-large > * { padding-left: $grid-large-gutter-horizontal-l; }
 
-    .uk-grid-large,
-    .uk-grid-row-large { row-gap: $grid-large-gutter-vertical-l; }
-
-    /* Margin */
-    .uk-grid + :where(.uk-grid-large, .uk-grid-row-large),
+    /* 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: $grid-large-gutter-vertical-l; }
 
 }
@@ -168,16 +171,17 @@
  * Collapse
  */
 
+/* Horizontal */
 .uk-grid-collapse,
 .uk-grid-column-collapse { margin-left: 0; }
 .uk-grid-collapse > *,
 .uk-grid-column-collapse > * { padding-left: 0; }
 
-.uk-grid-collapse,
-.uk-grid-row-collapse { row-gap: 0; }
-
-/* Margin */
-.uk-grid + :where(.uk-grid-collapse, .uk-grid-row-collapse) { margin-top: 0; }
+/* Vertical */
+.uk-grid + .uk-grid-collapse,
+.uk-grid + .uk-grid-row-collapse,
+.uk-grid-collapse > .uk-grid-margin,
+.uk-grid-row-collapse > .uk-grid-margin { margin-top: 0; }
 
 
 /* Divider
@@ -185,7 +189,6 @@
 
 .uk-grid-divider > * { position: relative; }
 
-/* Horizontal */
 .uk-grid-divider > :not(.uk-first-column)::before {
     content: "";
     position: absolute;
@@ -196,7 +199,7 @@
 }
 
 /* Vertical */
-.uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
+.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
     content: "";
     position: absolute;
     left: 0;
@@ -216,9 +219,9 @@
 .uk-grid-divider > :not(.uk-first-column)::before { left: $grid-gutter-horizontal; }
 
 /* Vertical */
-.uk-grid-divider.uk-grid-stack { row-gap: ($grid-gutter-vertical * 2); }
+.uk-grid-divider.uk-grid-stack > .uk-grid-margin { margin-top: ($grid-gutter-vertical * 2); }
 
-.uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
+.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
     top: (-$grid-gutter-vertical);
     left: ($grid-gutter-horizontal * 2);
 }
@@ -233,9 +236,9 @@
     .uk-grid-divider > :not(.uk-first-column)::before { left: $grid-gutter-horizontal-l; }
 
     /* Vertical */
-    .uk-grid-divider.uk-grid-stack { row-gap: ($grid-gutter-vertical-l * 2); }
+    .uk-grid-divider.uk-grid-stack > .uk-grid-margin { margin-top: ($grid-gutter-vertical-l * 2); }
 
-    .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
+    .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
         top: (-$grid-gutter-vertical-l);
         left: ($grid-gutter-horizontal-l * 2);
     }
@@ -256,15 +259,16 @@
 .uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before { left: $grid-small-gutter-horizontal; }
 
 /* Vertical */
-.uk-grid-divider.uk-grid-stack:where(.uk-grid-small, .uk-grid-row-small) { row-gap: ($grid-small-gutter-vertical * 2); }
+.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: ($grid-small-gutter-vertical * 2); }
 
-.uk-grid-divider.uk-grid-stack.uk-grid-small > :not(.uk-first-row)::before {
+.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before {
     top: (-$grid-small-gutter-vertical);
     left: ($grid-small-gutter-horizontal * 2);
 }
 
-.uk-grid-divider.uk-grid-stack.uk-grid-row-small > :not(.uk-first-row)::before { top: (-$grid-small-gutter-vertical); }
-.uk-grid-divider.uk-grid-stack.uk-grid-column-small > :not(.uk-first-row)::before { left: ($grid-small-gutter-horizontal * 2); }
+.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before { top: (-$grid-small-gutter-vertical); }
+.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before { left: ($grid-small-gutter-horizontal * 2); }
 
 /*
  * Medium
@@ -280,15 +284,16 @@
 .uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before { left: $grid-medium-gutter-horizontal; }
 
 /* Vertical */
-.uk-grid-divider.uk-grid-stack:where(.uk-grid-medium, .uk-grid-row-medium) { row-gap: ($grid-medium-gutter-vertical * 2); }
+.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: ($grid-medium-gutter-vertical * 2); }
 
-.uk-grid-divider.uk-grid-stack.uk-grid-medium > :not(.uk-first-row)::before {
+.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
     top: (-$grid-medium-gutter-vertical);
     left: ($grid-medium-gutter-horizontal * 2);
 }
 
-.uk-grid-divider.uk-grid-stack.uk-grid-row-medium > :not(.uk-first-row)::before { top: (-$grid-medium-gutter-vertical); }
-.uk-grid-divider.uk-grid-stack.uk-grid-column-medium > :not(.uk-first-row)::before { left: ($grid-medium-gutter-horizontal * 2); }
+.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before { top: (-$grid-medium-gutter-vertical); }
+.uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before { left: ($grid-medium-gutter-horizontal * 2); }
 
 /*
  * Large
@@ -304,15 +309,16 @@
 .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { left: $grid-large-gutter-horizontal; }
 
 /* Vertical */
-.uk-grid-divider.uk-grid-stack:where(.uk-grid-large, .uk-grid-row-large) { row-gap: ($grid-large-gutter-vertical * 2); }
+.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: ($grid-large-gutter-vertical * 2); }
 
-.uk-grid-divider.uk-grid-stack.uk-grid-large > :not(.uk-first-row)::before {
+.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
     top: (-$grid-large-gutter-vertical);
     left: ($grid-large-gutter-horizontal * 2);
 }
 
-.uk-grid-divider.uk-grid-stack.uk-grid-row-large > :not(.uk-first-row)::before { top: (-$grid-large-gutter-vertical); }
-.uk-grid-divider.uk-grid-stack.uk-grid-column-large > :not(.uk-first-row)::before { left: ($grid-large-gutter-horizontal * 2); }
+.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { top: (-$grid-large-gutter-vertical); }
+.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { left: ($grid-large-gutter-horizontal * 2); }
 
 /* Desktop and bigger */
 @media (min-width: $breakpoint-large) {
@@ -327,15 +333,16 @@
     .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { left: $grid-large-gutter-horizontal-l; }
 
     /* Vertical */
-    .uk-grid-divider.uk-grid-stack:where(.uk-grid-large, .uk-grid-row-large) { row-gap: ($grid-large-gutter-vertical-l * 2); }
+    .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: ($grid-large-gutter-vertical-l * 2); }
 
-    .uk-grid-divider.uk-grid-stack.uk-grid-large > :not(.uk-first-row)::before {
+    .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
         top: (-$grid-large-gutter-vertical-l);
         left: ($grid-large-gutter-horizontal-l * 2);
     }
 
-    .uk-grid-divider.uk-grid-stack.uk-grid-row-large > :not(.uk-first-row)::before { top: (-$grid-large-gutter-vertical-l); }
-    .uk-grid-divider.uk-grid-stack.uk-grid-column-large > :not(.uk-first-row)::before { left: ($grid-large-gutter-horizontal-l * 2); }
+    .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { top: (-$grid-large-gutter-vertical-l); }
+    .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { left: ($grid-large-gutter-horizontal-l * 2); }
 
 }