uikit 3.7.7-dev.4ce0508ae → 3.8.1

package/CHANGELOG.md

@@ -1,6 +1,21 @@
 # Changelog
 
-## WIP 3.8
+## 3.8.1 (November 5, 2021)
+
+### Added
+
+- Add Less variables for outline style
+
+### Changed
+
+- Make padding large a little bigger on small devices
+- Change logo color to emphasis
+
+### Fixed
+
+- Fix scrollIntoView funtion with offset argument provided
+
+## 3.8.0 (October 28, 2021)
 
 ### Changed
 

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

@@ -1,4 +1,4 @@
-/*! UIkit 3.7.7-dev.4ce0508ae | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
+/*! UIkit 3.8.1 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -397,20 +397,25 @@ pre code {
  ========================================================================== */
 /*
  * Safari doesn't support `:focus-visible` yet. It also doesn't set focus if clicking a button or anchor. 
- * 1. Set `:focus` style as fallback for `:focus-visible`.
- * 2. Remove `:focus` style for browsers which support `:focus-visible`.
- * 2. Set `:focus-visible` style for browsers which support it.
+ * 1. Fallback: Remove `:focus` for a negative tabindexes.
+ * 2. Fallback: Set `:focus` style but not for negative tabindexes.
+ * 3. Fallback: Remove `:focus` style for browsers which support `:focus-visible`.
+ * 4. Set `:focus-visible` style for browsers which support it.
  */
 /* 1 */
 :focus {
+  outline: none;
+}
+/* 2 */
+:focus:not([tabindex^='-']) {
   outline: 2px dotted #333;
   outline-offset: 1px;
 }
-/* 2 */
+/* 3 */
 :focus:not(:focus-visible) {
   outline: none;
 }
-/* 3 */
+/* 4 */
 :focus-visible {
   outline: 2px dotted #333;
 }
@@ -7715,13 +7720,13 @@ iframe.uk-cover {
 .uk-logo {
   font-size: 1.5rem;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  color: #666;
+  color: #333;
   /* 1 */
   text-decoration: none;
 }
 /* Hover */
 .uk-logo:hover {
-  color: #666;
+  color: #333;
   /* 1 */
   text-decoration: none;
 }
@@ -8385,7 +8390,7 @@ iframe.uk-cover {
 /* Large
  ========================================================================== */
 .uk-padding-large {
-  padding: 30px;
+  padding: 40px;
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
@@ -11523,7 +11528,7 @@ iframe.uk-cover {
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-logo,
 .uk-overlay-primary .uk-logo,
 .uk-offcanvas-bar .uk-logo {
-  color: rgba(255, 255, 255, 0.7);
+  color: #fff;
 }
 .uk-light .uk-logo:hover,
 .uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
@@ -11536,7 +11541,7 @@ iframe.uk-cover {
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:hover,
 .uk-overlay-primary .uk-logo:hover,
 .uk-offcanvas-bar .uk-logo:hover {
-  color: rgba(255, 255, 255, 0.7);
+  color: #fff;
 }
 .uk-light .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
 .uk-section-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),