uikit 3.25.27-dev.9e97c1f → 3.25.27

package/src/less/components/_import.less

@@ -13,7 +13,6 @@
 @import "icon.less";
 @import "form-range.less";
 @import "form.less"; // After: Icon, Form Range
-@import "search.less"; // After: Icon
 @import "button.less";
 @import "progress.less";
 
@@ -32,11 +31,10 @@
 @import "placeholder.less";
 @import "badge.less";
 @import "label.less";
-@import "dropcap.less";
-@import "floating-shadow.less";
 @import "overlay.less"; // After: Icon
 @import "article.less";
 @import "comment.less";
+@import "search.less"; // After: Icon
 
 // JavaScript
 @import "accordion.less";
@@ -46,7 +44,6 @@
 @import "modal.less"; // After: Close
 @import "slideshow.less";
 @import "slider.less";
-@import "marquee.less";
 @import "sticky.less";
 @import "offcanvas.less";
 @import "switcher.less";
@@ -73,10 +70,8 @@
 @import "tab.less";
 @import "slidenav.less"; // After: Icon
 @import "dotnav.less";
-
 @import "dropdown.less"; // After: Card, Nav
 @import "lightbox.less"; // After: Close, Slidenav
-@import "logo.less"; // After: Navbar
 
 // Utilities
 @import "animation.less";
@@ -90,9 +85,9 @@
 @import "svg.less";
 @import "utility.less";
 @import "flex.less"; // After: Utility
-@import "position.less";
-@import "margin.less"; // After: Position
+@import "margin.less";
 @import "padding.less";
+@import "position.less";
 @import "transition.less";
 @import "visibility.less";
 @import "inverse.less";

package/src/less/components/animation.less

@@ -138,7 +138,7 @@
 /* Toggle animation based on the State of the Parent Element
  ========================================================================== */
 
-.uk-animation-toggle:not(:hover, :focus) [class*="uk-animation-"] { animation-name: none; }
+.uk-animation-toggle:not(:hover):not(:focus) [class*="uk-animation-"] { animation-name: none; }
 
 
 /* Keyframes used by animation classes

package/src/less/components/base.less

@@ -482,7 +482,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/less/components/button.less

@@ -130,7 +130,7 @@
 
 /* Hover */
 .uk-button:hover {
-    /* 10 */
+    /* 9 */
     text-decoration: none;
     .hook-button-hover();
 }

package/src/less/components/card.less

@@ -366,11 +366,11 @@
  * Small
  */
 
-.uk-card-small:where(.uk-card-body),
-.uk-card-small :where(.uk-card-body) { padding: @card-small-body-padding-vertical @card-small-body-padding-horizontal; }
+.uk-card-small.uk-card-body,
+.uk-card-small .uk-card-body { padding: @card-small-body-padding-vertical @card-small-body-padding-horizontal; }
 
-.uk-card-small :where(.uk-card-header) { padding: @card-small-header-padding-vertical @card-small-header-padding-horizontal; }
-.uk-card-small :where(.uk-card-footer) { padding: @card-small-footer-padding-vertical @card-small-footer-padding-horizontal; }
+.uk-card-small .uk-card-header { padding: @card-small-header-padding-vertical @card-small-header-padding-horizontal; }
+.uk-card-small .uk-card-footer { padding: @card-small-footer-padding-vertical @card-small-footer-padding-horizontal; }
 
 /*
  * Large
@@ -379,11 +379,11 @@
 /* Desktop and bigger */
 @media (min-width: @breakpoint-large) {
 
-    .uk-card-large:where(.uk-card-body),
-    .uk-card-large :where(.uk-card-body) { padding: @card-large-body-padding-vertical-l @card-large-body-padding-horizontal-l; }
+    .uk-card-large.uk-card-body,
+    .uk-card-large .uk-card-body { padding: @card-large-body-padding-vertical-l @card-large-body-padding-horizontal-l; }
 
-    .uk-card-large :where(.uk-card-header) { padding: @card-large-header-padding-vertical-l @card-large-header-padding-horizontal-l; }
-    .uk-card-large :where(.uk-card-footer) { padding: @card-large-footer-padding-vertical-l @card-large-footer-padding-horizontal-l; }
+    .uk-card-large .uk-card-header { padding: @card-large-header-padding-vertical-l @card-large-header-padding-horizontal-l; }
+    .uk-card-large .uk-card-footer { padding: @card-large-footer-padding-vertical-l @card-large-footer-padding-horizontal-l; }
 
 }
 

package/src/less/components/form.less

@@ -271,7 +271,7 @@
  */
 
 .uk-input,
-.uk-select:not([multiple], [size]) {
+.uk-select:not([multiple]):not([size]) {
     height: @form-height;
     vertical-align: middle;
     .hook-form-single-line();
@@ -403,7 +403,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
  * 3. Set `color` for options in the select dropdown, because the inherited `color` might be too light.
  */
 
-.uk-select:not([multiple], [size]) {
+.uk-select:not([multiple]):not([size]) {
     /* 1 */
     -webkit-appearance: none;
     -moz-appearance: none;
@@ -415,13 +415,13 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
 }
 
 /* 3 */
-.uk-select:not([multiple], [size]) option { color: @form-select-option-color; }
+.uk-select:not([multiple]):not([size]) option { color: @form-select-option-color; }
 
 /*
  * Disabled
  */
 
-.uk-select:not([multiple], [size]):disabled { .svg-fill(@internal-form-select-image, "#000", @form-select-disabled-icon-color); }
+.uk-select:not([multiple]):not([size]):disabled { .svg-fill(@internal-form-select-image, "#000", @form-select-disabled-icon-color); }
 
 
 /* Datalist
@@ -539,7 +539,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
 .uk-form-small:is(.uk-input, .uk-search-input, .uk-select, .uk-textarea) { font-size: @form-small-font-size; }
 
 /* Single-line */
-.uk-form-small:is(.uk-input, .uk-search-input, .uk-select:not([multiple], [size])) {
+.uk-form-small:is(.uk-input, .uk-search-input, .uk-select:not([multiple]):not([size])) {
     height: @form-small-height;
     padding-left: @form-small-padding-horizontal;
     padding-right: @form-small-padding-horizontal;
@@ -549,7 +549,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
 .uk-form-small:is(.uk-select[multiple], .uk-select[size], .uk-textarea) { padding: @form-small-multi-line-padding-vertical @form-small-multi-line-padding-horizontal; }
 
 /* Any element */
-.uk-form-small:not(select, input, textarea, [type="radio"], [type="checkbox"]) { line-height: @form-small-line-height; }
+.uk-form-small:not(select):not(input):not(textarea):not([type="radio"]):not([type="checkbox"]) { line-height: @form-small-line-height; }
 
 /* Radio + Checkbox */
 .uk-form-small:is(.uk-radio, .uk-checkbox) {
@@ -564,7 +564,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
 .uk-form-large:is(.uk-input, .uk-search-input, .uk-select, .uk-textarea) { font-size: @form-large-font-size; }
 
 /* Single-line */
-.uk-form-large:is(.uk-input, .uk-search-input, .uk-select:not([multiple], [size])) {
+.uk-form-large:is(.uk-input, .uk-search-input, .uk-select:not([multiple]):not([size])) {
     height: @form-large-height;
     padding-left: @form-large-padding-horizontal;
     padding-right: @form-large-padding-horizontal;
@@ -574,7 +574,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
 .uk-form-large:is(.uk-select[multiple], .uk-select[size], .uk-textarea) { padding: @form-large-multi-line-padding-vertical @form-large-multi-line-padding-horizontal; }
 
 /* Any element */
-.uk-form-large:not(select, input, textarea, [type="radio"], [type="checkbox"]) { line-height: @form-large-line-height; }
+.uk-form-large:not(select):not(input):not(textarea):not([type="radio"]):not([type="checkbox"]) { line-height: @form-large-line-height; }
 
 /* Radio + Checkbox */
 .uk-form-large:is(.uk-radio, .uk-checkbox) {
@@ -678,7 +678,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;
     .hook-form-stacked-label();
@@ -692,7 +692,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;
         .hook-form-stacked-label();
@@ -703,17 +703,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;
         .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; }
 
 }
 
@@ -755,7 +755,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
  * Make `input` element clickable through icon, e.g. if it's a `span`
  */
 
-.uk-form-icon:not(a, button, input) { pointer-events: none; }
+.uk-form-icon:not(a):not(button):not(input) { pointer-events: none; }
 
 /*
  * Input padding
@@ -856,7 +856,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
     // Select
     //
 
-    .uk-select:not([multiple], [size]) { .svg-fill(@internal-form-select-image, "#000", @inverse-form-select-icon-color); }
+    .uk-select:not([multiple]):not([size]) { .svg-fill(@internal-form-select-image, "#000", @inverse-form-select-icon-color); }
 
     //
     // Datalist

package/src/less/components/grid.less

@@ -19,7 +19,6 @@
 // Sub-modifier:    `uk-grid-item-match`
 //
 // States:          `uk-first-column`
-//                  `uk-first-row`
 //
 // ========================================================================
 
@@ -81,32 +80,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; }
 
 }
@@ -115,63 +114,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; }
 
 }
@@ -180,16 +183,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
@@ -197,7 +201,6 @@
 
 .uk-grid-divider > * { position: relative; }
 
-/* Horizontal */
 .uk-grid-divider > :not(.uk-first-column)::before {
     content: "";
     position: absolute;
@@ -208,7 +211,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;
@@ -228,9 +231,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);
 }
@@ -245,9 +248,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);
     }
@@ -268,15 +271,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
@@ -292,15 +296,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
@@ -316,15 +321,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) {
@@ -339,15 +345,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); }
 
 }
 
@@ -401,7 +408,7 @@
         .hook-inverse-grid-divider-horizontal();
     }
 
-    .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
+    .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
         border-top-color: @inverse-grid-divider-border;
         .hook-inverse-grid-divider-vertical();
     }

package/src/less/components/lightbox.less

@@ -60,7 +60,10 @@
     display: none;
     /* 2 */
     position: fixed;
-    inset: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
     z-index: @lightbox-z-index;
     /* 5 */
     background: @lightbox-background;
@@ -125,7 +128,10 @@
 .uk-lightbox-items > * {
     /* 1 */
     position: absolute;
-    inset: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
     /* 2 */
     display: none;
     justify-content: center;