uikit-reset 3.2.0 → 3.4.0

data/vendor/assets/stylesheets/uikit-reset.scss

@@ -1,4 +1,4 @@
-/*! UIkit 3.2.0 | http://www.getuikit.com | (c) 2014 - 2019 YOOtheme | MIT License */
+/*! UIkit 3.4.0 | https://www.getuikit.com | (c) 2014 - 2020 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -2140,11 +2140,12 @@ select.uk-form-width-xsmall {
  * 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.
+ * 6. Remove default style for `input type="submit"`in iOS.
+ * 7. Style
+ * 8. `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.
- * 8. Align text if button has a width
- * 9. Required for `a`.
+ * 9. Align text if button has a width
+ * 10. Required for `a`.
  */
 .uk-button {
   /* 1 */
@@ -2159,16 +2160,19 @@ select.uk-form-width-xsmall {
   /* 5 */
   text-transform: none;
   /* 6 */
+  -webkit-appearance: none;
+  border-radius: 0;
+  /* 7 */
   display: inline-block;
   box-sizing: border-box;
   padding: 0 30px;
   vertical-align: middle;
   font-size: 0.875rem;
-  /* 7 */
-  line-height: 38px;
   /* 8 */
-  text-align: center;
+  line-height: 38px;
   /* 9 */
+  text-align: center;
+  /* 10 */
   text-decoration: none;
   text-transform: uppercase;
   transition: 0.1s ease-in-out;
@@ -2635,6 +2639,10 @@ select.uk-form-width-xsmall {
 }
 
 .uk-container-large {
+  max-width: 1400px;
+}
+
+.uk-container-xlarge {
   max-width: 1600px;
 }
 
@@ -2689,6 +2697,11 @@ select.uk-form-width-xsmall {
 
   .uk-container-expand-left.uk-container-large,
   .uk-container-expand-right.uk-container-large {
+    max-width: calc(50% + (1400px / 2) - 40px);
+  }
+
+  .uk-container-expand-left.uk-container-xlarge,
+  .uk-container-expand-right.uk-container-xlarge {
     max-width: calc(50% + (1600px / 2) - 40px);
   }
 }
@@ -5047,24 +5060,35 @@ ul.uk-nav-sub {
 /* Divider modifier
  ========================================================================== */
 /*
- * 1. Align items and divider vertically
+ * Set gutter
+ */
+.uk-subnav-divider {
+  margin-left: -41px;
+}
+
+/*
+ * Align items and divider vertically
  */
 .uk-subnav-divider>* {
-  /* 1 */
   display: flex;
   align-items: center;
 }
 
 /*
  * Divider
- * `nth-child` makes it also work without JS if it's only one row
+ * 1. `nth-child` makes it also work without JS if it's only one row
  */
-.uk-subnav-divider> :nth-child(n+2):not(.uk-first-column)::before {
+.uk-subnav-divider> ::before {
   content: "";
   height: 1.5em;
   margin-left: 0px;
   margin-right: 20px;
-  border-left: 1px solid #e5e5e5;
+  border-left: 1px solid transparent;
+}
+
+/* 1 */
+.uk-subnav-divider> :nth-child(n+2):not(.uk-first-column)::before {
+  border-left-color: #e5e5e5;
 }
 
 /* Pill modifier
@@ -5141,7 +5165,8 @@ ul.uk-nav-sub {
 
 /* Disabled */
 /* Active */
-.uk-breadcrumb> :last-child>* {
+.uk-breadcrumb> :last-child>span,
+.uk-breadcrumb> :last-child>a:not([href]) {
   color: #666;
 }
 
@@ -5153,6 +5178,7 @@ ul.uk-nav-sub {
   content: "/";
   display: inline-block;
   margin: 0 20px;
+  font-size: 0.875rem;
   color: #999;
 }
 
@@ -6068,6 +6094,7 @@ ul.uk-nav-sub {
  * 4. Horizontal padding
  * 5. Mask the background page
  * 6. Fade-in transition
+ * 7. Prevent cancellation of pointer events while dragging
  */
 .uk-lightbox {
   /* 1 */
@@ -6084,6 +6111,8 @@ ul.uk-nav-sub {
   /* 6 */
   opacity: 0;
   transition: opacity 0.15s linear;
+  /* 7 */
+  touch-action: pinch-zoom;
 }
 
 /*
@@ -6207,6 +6236,10 @@ ul.uk-nav-sub {
 
 /* Caption
  ========================================================================== */
+.uk-lightbox-caption:empty {
+  display: none;
+}
+
 /* Iframe
  ========================================================================== */
 .uk-lightbox-iframe {
@@ -6889,8 +6922,9 @@ ul.uk-nav-sub {
 /*
  * 1. Hide by default
  * 2. Position
- * 3. Dimensions
- * 4. Style
+ * 3. Remove tooltip from document flow to keep the UIkit container from changing its size when injected into the document initially
+ * 4. Dimensions
+ * 5. Style
  */
 .uk-tooltip {
   /* 1 */
@@ -6899,10 +6933,12 @@ ul.uk-nav-sub {
   position: absolute;
   z-index: 1030;
   /* 3 */
+  top: 0;
+  /* 4 */
   box-sizing: border-box;
   max-width: 200px;
   padding: 3px 6px;
-  /* 4 */
+  /* 5 */
   background: #666;
   border-radius: 2px;
   color: #fff;
@@ -7057,7 +7093,7 @@ ul.uk-nav-sub {
 /* Drag
  ========================================================================== */
 .uk-sortable-drag {
-  position: absolute !important;
+  position: fixed !important;
   z-index: 1050 !important;
   pointer-events: none;
 }
@@ -7087,19 +7123,18 @@ ul.uk-nav-sub {
  ========================================================================== */
 /* Item
  ========================================================================== */
-/*
- * 1. Center numbers and separators vertically
- */
-.uk-countdown-number,
-.uk-countdown-separator {
-  /* 1 */
-  line-height: 0.8;
-}
-
 /* Number
  ========================================================================== */
+/*
+ * 1. Make numbers all of the same size to prevent jumping. Must be supported by the font.
+ * 2. Style
+ */
 .uk-countdown-number {
+  /* 1 */
+  font-variant-numeric: tabular-nums;
+  /* 2 */
   font-size: 2rem;
+  line-height: 0.8;
 }
 
 /* Phone landscape and bigger */
@@ -7120,6 +7155,7 @@ ul.uk-nav-sub {
  ========================================================================== */
 .uk-countdown-separator {
   font-size: 1rem;
+  line-height: 1.6;
 }
 
 /* Phone landscape and bigger */
@@ -8402,7 +8438,6 @@ ul.uk-nav-sub {
 .uk-text-background {
   /* 1 */
   -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
   /* 2 */
   display: inline-block;
   /* 3 */
@@ -8412,6 +8447,7 @@ ul.uk-nav-sub {
 @supports (-webkit-background-clip: text) {
   .uk-text-background {
     background-color: #1e87f0;
+    color: transparent !important;
   }
 }
 
@@ -10314,12 +10350,17 @@ iframe.uk-cover {
  ========================================================================== */
 /* Directions
  ========================================================================== */
+/*
+ * 1. Prevent content overflow if `max-width: 100%` is used inside position container.
+ */
 [class*='uk-position-top'],
 [class*='uk-position-bottom'],
 [class*='uk-position-left'],
 [class*='uk-position-right'],
 [class*='uk-position-center'] {
   position: absolute !important;
+  /* 1 */
+  max-width: 100%;
 }
 
 /* Edges
@@ -14099,4 +14140,4 @@ iframe.uk-cover {
   h3 {
     page-break-after: avoid;
   }
-}
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: uikit-reset
 version: !ruby/object:Gem::Version
-  version: 3.2.0
+  version: 3.4.0
 platform: ruby
 authors:
 - Chitta Ranjan Nanda