uikit 3.17.12-dev.f1425d280 → 3.18.0

package/CHANGELOG.md

@@ -1,10 +1,26 @@
 # Changelog
 
-## WIP
+## 3.18.0 (January 30, 2024)
+
+### Added
+
+- Add parallax options to Slider and Slideshow components
+- Add Inverse component to color content with no background depending on intersecting elements beneath
+- Add color mode for default and muted style modifiers in Section, Tile, Card and Overlay components
+- Add size modifier to Nav component
+- Add link external and arrow up right icons
+- Add X, Mastodon, Telegram, Threads, Signal and YOOtheme icons
+
+### Changed
+
+- Replace `none` with `dark` as default for navbar, dropdown and dropbar color modes
+- Twitter icon will show X icon
+- Responsive component uses `aspect-ratio` if available
 
 ### Fixed
 
 - Fix icons task on Windows
+- Fix Height Match component uses offsetHeight as base
 
 ## 3.17.11 (November 21, 2023)
 

package/dist/css/uikit-core-rtl.css

@@ -1,4 +1,4 @@
-/*! UIkit 3.17.12-dev.f1425d280 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
+/*! UIkit 3.18.0 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -2184,28 +2184,24 @@ select.uk-form-width-xsmall {
  */
 .uk-section-default {
   background: #fff;
-  --uk-navbar-color: dark;
 }
 /*
  * Muted
  */
 .uk-section-muted {
   background: #f8f8f8;
-  --uk-navbar-color: dark;
 }
 /*
  * Primary
  */
 .uk-section-primary {
   background: #1e87f0;
-  --uk-navbar-color: light;
 }
 /*
  * Secondary
  */
 .uk-section-secondary {
   background: #222;
-  --uk-navbar-color: light;
 }
 /* Overlap modifier
  ========================================================================== */
@@ -4859,6 +4855,47 @@ ul.uk-nav-sub {
 .uk-nav-secondary .uk-nav-sub li.uk-active > a {
   color: #333;
 }
+/* Size modifier
+ ========================================================================== */
+/*
+ * Medium
+ */
+.uk-nav-medium {
+  font-size: 2.8875rem;
+  line-height: 1;
+}
+.uk-nav-large {
+  font-size: 3.4rem;
+  line-height: 1;
+}
+.uk-nav-xlarge {
+  font-size: 4rem;
+  line-height: 1;
+}
+/* Tablet Landscape and bigger */
+@media (min-width: 960px) {
+  .uk-nav-medium {
+    font-size: 3.5rem;
+  }
+  .uk-nav-large {
+    font-size: 4rem;
+  }
+  .uk-nav-xlarge {
+    font-size: 6rem;
+  }
+}
+/* Laptop and bigger */
+@media (min-width: 1200px) {
+  .uk-nav-medium {
+    font-size: 4rem;
+  }
+  .uk-nav-large {
+    font-size: 6rem;
+  }
+  .uk-nav-xlarge {
+    font-size: 8rem;
+  }
+}
 /* Alignment modifier
  ========================================================================== */
 /*
@@ -4898,14 +4935,11 @@ ul.uk-nav-sub {
  ========================================================================== */
 /*
  * 1. Create position context to center navbar group
- * 2. Pass dropbar behind color to JS
  */
 .uk-navbar {
   display: flex;
   /* 1 */
   position: relative;
-  /* 2 */
-  --uk-navbar-dropbar-behind-color: dark;
 }
 /* Container
  ========================================================================== */
@@ -11929,6 +11963,45 @@ iframe[data-uk-cover] {
 .uk-offcanvas-bar .uk-logo-inverse {
   display: block;
 }
+/*
+ * Pass dropbar behind color to JS
+ */
+* {
+  --uk-inverse: initial;
+}
+.uk-light,
+.uk-section-primary:not(.uk-preserve-color),
+.uk-section-secondary:not(.uk-preserve-color),
+.uk-tile-primary:not(.uk-preserve-color),
+.uk-tile-secondary:not(.uk-preserve-color),
+.uk-card-primary.uk-card-body,
+.uk-card-primary > :not([class*='uk-card-media']),
+.uk-card-secondary.uk-card-body,
+.uk-card-secondary > :not([class*='uk-card-media']),
+.uk-overlay-primary,
+.uk-offcanvas-bar {
+  --uk-inverse: light;
+}
+.uk-dark,
+.uk-section-default:not(.uk-preserve-color),
+.uk-section-muted:not(.uk-preserve-color),
+.uk-tile-default:not(.uk-preserve-color),
+.uk-tile-muted:not(.uk-preserve-color),
+.uk-card-default.uk-card-body,
+.uk-card-default > :not([class*='uk-card-media']),
+.uk-overlay-default,
+.uk-dropbar,
+.uk-navbar-container:not(.uk-navbar-transparent),
+.uk-navbar-dropdown,
+.uk-dropdown {
+  --uk-inverse: dark;
+}
+.uk-inverse-light {
+  --uk-inverse: light !important;
+}
+.uk-inverse-dark {
+  --uk-inverse: dark !important;
+}
 /* ========================================================================
    Component: Print
  ========================================================================== */