Merge branch 'release/v3.0.0-rc.13'

uikit · Sep 4, 2018 · 07e4523 · 07e4523
2 parents f08b52f + 26f57e2
commit 07e4523
Show file tree

Hide file tree

Showing 31 changed files with 226 additions and 177 deletions.
diff --git a/.github/ISSUE_TEMPLATE.md b/.github/ISSUE_TEMPLATE.md
@@ -15,7 +15,7 @@ Also try to search for your issue. It may have already been answered or even fix
 <!-- BUG REPORT TEMPLATE -->
 ### UIkit version
 <!-- Check if the issue is reproducible with the latest stable version. -->
-3.0.0-rc.12
+3.0.0-rc.13
 
 ### Browser
 

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,24 @@
 # Changelog
 
+## 3.0.0 rc 13 (September 4, 2018)
+
+### Added
+
+- Add border pill to Utility component
+
+### Changed
+
+- Use `min-height` instead of `height` for navbar nav items
+
+### Removed
+
+- Remove `filterAttr` function
+
+### Fixed
+
+- Fix SVGs not preserving their aspect ratio in IE11
+- Fix lazy loading images in Edge
+
 ## 3.0.0 rc 12 (August 27, 2018)
 
 ### Added
@@ -10,6 +29,7 @@
 
 ### Changed
 
+- Allow icons to shrink in Iconnav
 - Add more margin between accordion title and icon
 - `UIkit.mixin` can now be used to extend existing components
 

diff --git a/dist/css/uikit-rtl.css b/dist/css/uikit-rtl.css
@@ -1,4 +1,4 @@
-/*! UIkit 3.0.0-rc.12 | http://www.getuikit.com | (c) 2014 - 2018 YOOtheme | MIT License */
+/*! UIkit 3.0.0-rc.13 | http://www.getuikit.com | (c) 2014 - 2018 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -156,15 +156,14 @@ video {
   vertical-align: middle;
 }
 /*
- * Responsiveness
- * 1. Set a maximum width
- * 2. Auto scale the height. Only needed if `height` attribute is present
- * 2. Corrects `max-width` behavior if padding and border are used
+ * 1. Add responsiveness.
+ * 2. Auto-scale the height. Only needed if `height` attribute is present.
+ * 3. Corrects responsive `max-width` behavior if padding and border are used.
+ * 4. Exclude SVGs for IE11 because they don't preserve their aspect ratio.
  */
 audio,
 canvas,
 img,
-svg,
 video {
   /* 1 */
   max-width: 100%;
@@ -173,6 +172,14 @@ video {
   /* 3 */
   box-sizing: border-box;
 }
+/* 4 */
+@supports (display: block) {
+  svg {
+    max-width: 100%;
+    height: auto;
+    box-sizing: border-box;
+  }
+}
 /*
  * Hide the overflow in IE.
  */
@@ -186,6 +193,13 @@ svg:not(:root) {
 img:not([src]) {
   visibility: hidden;
 }
+/*
+ * Iframe
+ * Remove border in all browsers
+ */
+iframe {
+  border: 0;
+}
 /* Block elements
  ========================================================================== */
 /*
@@ -429,11 +443,6 @@ summary {
 template {
   display: none;
 }
-/* Iframe
- ========================================================================== */
-iframe {
-  border: 0;
-}
 /* Pass media breakpoints to JS
  ========================================================================== */
 /*
@@ -1802,41 +1811,38 @@ select.uk-form-width-xsmall {
 /*
  * 1. Remove margins in Chrome, Safari and Opera.
  * 2. Remove borders for `button`.
- * 3. Remove border-radius in Chrome.
- * 4. Address `overflow` set to `hidden` in IE.
- * 5. Correct `font` properties and `color` not being inherited for `button`.
- * 6. Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 7. Style
- * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements.
+ * 3. Address `overflow` set to `hidden` in IE.
+ * 4. Correct `font` properties and `color` not being inherited for `button`.
+ * 5. Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 6. Style
+ * 7. `line-height` is used to create a height because it also centers the text vertically for `a` elements.
  *    Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements.
- * 9. Align text if button has a width
- * 10. Required for `a`.
+ * 8. Align text if button has a width
+ * 9. Required for `a`.
  */
 .uk-button {
   /* 1 */
   margin: 0;
   /* 2 */
   border: none;
   /* 3 */
-  border-radius: 0;
-  /* 4 */
   overflow: visible;
-  /* 5 */
+  /* 4 */
   font: inherit;
   color: inherit;
-  /* 6 */
+  /* 5 */
   text-transform: none;
-  /* 7 */
+  /* 6 */
   display: inline-block;
   box-sizing: border-box;
   padding: 0 30px;
   vertical-align: middle;
   font-size: 0.875rem;
-  /* 8 */
+  /* 7 */
   line-height: 38px;
-  /* 9 */
+  /* 8 */
   text-align: center;
-  /* 10 */
+  /* 9 */
   text-decoration: none;
   text-transform: uppercase;
   transition: 0.1s ease-in-out;
@@ -1854,7 +1860,7 @@ select.uk-form-width-xsmall {
 }
 /* Hover */
 .uk-button:hover {
-  /* 8 */
+  /* 9 */
   text-decoration: none;
 }
 /* Focus */
@@ -3870,7 +3876,7 @@ ul.uk-nav-sub {
   align-items: center;
   /* 2 */
   box-sizing: border-box;
-  height: 80px;
+  min-height: 80px;
   padding: 0 15px;
   /* 3 */
   font-size: 0.875rem;
@@ -5642,13 +5648,11 @@ ul.uk-nav-sub {
   margin-right: -10px;
 }
 /*
- * 1. Space is allocated solely based on content dimensions: 0 0 auto
- * 2. Gutter
+ * Space is allocated based on content dimensions, but shrinks: 0 1 auto
+ * 1. Gutter
  */
 .uk-iconnav > * {
   /* 1 */
-  flex: none;
-  /* 2 */
   padding-right: 10px;
 }
 /* Items
@@ -7725,6 +7729,9 @@ iframe.uk-cover {
 .uk-border-circle {
   border-radius: 50%;
 }
+.uk-border-pill {
+  border-radius: 500px;
+}
 .uk-border-rounded {
   border-radius: 5px;
 }

diff --git a/dist/css/uikit-rtl.min.css b/dist/css/uikit-rtl.min.css
diff --git a/dist/css/uikit.css b/dist/css/uikit.css
@@ -1,4 +1,4 @@
-/*! UIkit 3.0.0-rc.12 | http://www.getuikit.com | (c) 2014 - 2018 YOOtheme | MIT License */
+/*! UIkit 3.0.0-rc.13 | http://www.getuikit.com | (c) 2014 - 2018 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -156,15 +156,14 @@ video {
   vertical-align: middle;
 }
 /*
- * Responsiveness
- * 1. Set a maximum width
- * 2. Auto scale the height. Only needed if `height` attribute is present
- * 2. Corrects `max-width` behavior if padding and border are used
+ * 1. Add responsiveness.
+ * 2. Auto-scale the height. Only needed if `height` attribute is present.
+ * 3. Corrects responsive `max-width` behavior if padding and border are used.
+ * 4. Exclude SVGs for IE11 because they don't preserve their aspect ratio.
  */
 audio,
 canvas,
 img,
-svg,
 video {
   /* 1 */
   max-width: 100%;
@@ -173,6 +172,14 @@ video {
   /* 3 */
   box-sizing: border-box;
 }
+/* 4 */
+@supports (display: block) {
+  svg {
+    max-width: 100%;
+    height: auto;
+    box-sizing: border-box;
+  }
+}
 /*
  * Hide the overflow in IE.
  */
@@ -186,6 +193,13 @@ svg:not(:root) {
 img:not([src]) {
   visibility: hidden;
 }
+/*
+ * Iframe
+ * Remove border in all browsers
+ */
+iframe {
+  border: 0;
+}
 /* Block elements
  ========================================================================== */
 /*
@@ -429,11 +443,6 @@ summary {
 template {
   display: none;
 }
-/* Iframe
- ========================================================================== */
-iframe {
-  border: 0;
-}
 /* Pass media breakpoints to JS
  ========================================================================== */
 /*
@@ -1802,41 +1811,38 @@ select.uk-form-width-xsmall {
 /*
  * 1. Remove margins in Chrome, Safari and Opera.
  * 2. Remove borders for `button`.
- * 3. Remove border-radius in Chrome.
- * 4. Address `overflow` set to `hidden` in IE.
- * 5. Correct `font` properties and `color` not being inherited for `button`.
- * 6. Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 7. Style
- * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements.
+ * 3. Address `overflow` set to `hidden` in IE.
+ * 4. Correct `font` properties and `color` not being inherited for `button`.
+ * 5. Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 6. Style
+ * 7. `line-height` is used to create a height because it also centers the text vertically for `a` elements.
  *    Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements.
- * 9. Align text if button has a width
- * 10. Required for `a`.
+ * 8. Align text if button has a width
+ * 9. Required for `a`.
  */
 .uk-button {
   /* 1 */
   margin: 0;
   /* 2 */
   border: none;
   /* 3 */
-  border-radius: 0;
-  /* 4 */
   overflow: visible;
-  /* 5 */
+  /* 4 */
   font: inherit;
   color: inherit;
-  /* 6 */
+  /* 5 */
   text-transform: none;
-  /* 7 */
+  /* 6 */
   display: inline-block;
   box-sizing: border-box;
   padding: 0 30px;
   vertical-align: middle;
   font-size: 0.875rem;
-  /* 8 */
+  /* 7 */
   line-height: 38px;
-  /* 9 */
+  /* 8 */
   text-align: center;
-  /* 10 */
+  /* 9 */
   text-decoration: none;
   text-transform: uppercase;
   transition: 0.1s ease-in-out;
@@ -1854,7 +1860,7 @@ select.uk-form-width-xsmall {
 }
 /* Hover */
 .uk-button:hover {
-  /* 8 */
+  /* 9 */
   text-decoration: none;
 }
 /* Focus */
@@ -3870,7 +3876,7 @@ ul.uk-nav-sub {
   align-items: center;
   /* 2 */
   box-sizing: border-box;
-  height: 80px;
+  min-height: 80px;
   padding: 0 15px;
   /* 3 */
   font-size: 0.875rem;
@@ -5642,13 +5648,11 @@ ul.uk-nav-sub {
   margin-left: -10px;
 }
 /*
- * 1. Space is allocated solely based on content dimensions: 0 0 auto
- * 2. Gutter
+ * Space is allocated based on content dimensions, but shrinks: 0 1 auto
+ * 1. Gutter
  */
 .uk-iconnav > * {
   /* 1 */
-  flex: none;
-  /* 2 */
   padding-left: 10px;
 }
 /* Items
@@ -7725,6 +7729,9 @@ iframe.uk-cover {
 .uk-border-circle {
   border-radius: 50%;
 }
+.uk-border-pill {
+  border-radius: 500px;
+}
 .uk-border-rounded {
   border-radius: 5px;
 }

diff --git a/dist/css/uikit.min.css b/dist/css/uikit.min.css
diff --git a/dist/js/uikit-icons.js b/dist/js/uikit-icons.js
diff --git a/dist/js/uikit-icons.min.js b/dist/js/uikit-icons.min.js