uikit-sass-rails 1.3.0 → 1.4.0

data/vendor/assets/stylesheets/uikit/components/slidenav.gradient.scss

@@ -0,0 +1,110 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Slidenav
+ ========================================================================== */
+/*
+ * 1. Required for `a` elements
+ * 2. Dimension
+ * 3. Style
+ */
+
+.uk-slidenav {
+  /* 1 */
+  display: inline-block;
+  /* 2 */
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 60px;
+  height: 60px;
+  /* 3 */
+  line-height: 60px;
+  color: rgba(50, 50, 50, 0.4);
+  font-size: 60px;
+  text-align: center;
+  &:hover, &:focus {
+    /* 2 */
+    outline: none;
+    /* 3 */
+    text-decoration: none;
+    /* 4 */
+    color: rgba(50, 50, 50, 0.7);
+    cursor: pointer;
+  }
+  &:active {
+    color: rgba(50, 50, 50, 0.9);
+  }
+}
+
+/*
+ * Hover
+ * 1. Apply hover style also to focus state
+ * 2. Remove default focus style
+ * 3. Required for `a` elements
+ * 4. Style
+ */
+
+/* Active */
+
+/*
+ * Icons
+ */
+
+.uk-slidenav-previous:before {
+  content: "\f104";
+  font-family: FontAwesome;
+}
+
+.uk-slidenav-next:before {
+  content: "\f105";
+  font-family: FontAwesome;
+}
+
+/* Sub-object: `uk-slidenav-position`
+ ========================================================================== */
+/*
+ * Create position context
+ */
+
+.uk-slidenav-position {
+  position: relative;
+  .uk-slidenav {
+    display: none;
+    position: absolute;
+    top: 50%;
+    z-index: 1;
+    margin-top: -30px;
+  }
+  &:hover .uk-slidenav {
+    display: block;
+  }
+  .uk-slidenav-previous {
+    left: 20px;
+  }
+  .uk-slidenav-next {
+    right: 20px;
+  }
+}
+
+/*
+ * Center vertically
+ */
+
+/* Modifier: `uk-slidenav-contrast`
+ ========================================================================== */
+
+.uk-slidenav-contrast {
+  color: rgba(255, 255, 255, 0.5);
+  &:hover, &:focus {
+    color: rgba(255, 255, 255, 0.7);
+  }
+  &:active {
+    color: rgba(255, 255, 255, 0.9);
+  }
+}
+
+/*
+ * Hover
+ * 1. Apply hover style also to focus state
+ */
+
+/* Active */

data/vendor/assets/stylesheets/uikit/components/slidenav.scss

@@ -0,0 +1,110 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Slidenav
+ ========================================================================== */
+/*
+ * 1. Required for `a` elements
+ * 2. Dimension
+ * 3. Style
+ */
+
+.uk-slidenav {
+  /* 1 */
+  display: inline-block;
+  /* 2 */
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 60px;
+  height: 60px;
+  /* 3 */
+  line-height: 60px;
+  color: rgba(50, 50, 50, 0.4);
+  font-size: 60px;
+  text-align: center;
+  &:hover, &:focus {
+    /* 2 */
+    outline: none;
+    /* 3 */
+    text-decoration: none;
+    /* 4 */
+    color: rgba(50, 50, 50, 0.7);
+    cursor: pointer;
+  }
+  &:active {
+    color: rgba(50, 50, 50, 0.9);
+  }
+}
+
+/*
+ * Hover
+ * 1. Apply hover style also to focus state
+ * 2. Remove default focus style
+ * 3. Required for `a` elements
+ * 4. Style
+ */
+
+/* Active */
+
+/*
+ * Icons
+ */
+
+.uk-slidenav-previous:before {
+  content: "\f104";
+  font-family: FontAwesome;
+}
+
+.uk-slidenav-next:before {
+  content: "\f105";
+  font-family: FontAwesome;
+}
+
+/* Sub-object: `uk-slidenav-position`
+ ========================================================================== */
+/*
+ * Create position context
+ */
+
+.uk-slidenav-position {
+  position: relative;
+  .uk-slidenav {
+    display: none;
+    position: absolute;
+    top: 50%;
+    z-index: 1;
+    margin-top: -30px;
+  }
+  &:hover .uk-slidenav {
+    display: block;
+  }
+  .uk-slidenav-previous {
+    left: 20px;
+  }
+  .uk-slidenav-next {
+    right: 20px;
+  }
+}
+
+/*
+ * Center vertically
+ */
+
+/* Modifier: `uk-slidenav-contrast`
+ ========================================================================== */
+
+.uk-slidenav-contrast {
+  color: rgba(255, 255, 255, 0.5);
+  &:hover, &:focus {
+    color: rgba(255, 255, 255, 0.7);
+  }
+  &:active {
+    color: rgba(255, 255, 255, 0.9);
+  }
+}
+
+/*
+ * Hover
+ * 1. Apply hover style also to focus state
+ */
+
+/* Active */

data/vendor/assets/stylesheets/uikit/components/slider.almost-flat.scss

@@ -0,0 +1,105 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Slider
+ ========================================================================== */
+/*
+ * 1. Create position context
+ * 2. Create stacking context to prevent z-index issues with other components
+ * 3. Deactivate browser history navigation in IE11
+ */
+
+.uk-slider {
+  /* 1 */
+  position: relative;
+  /* 2 */
+  z-index: 0;
+  /* 3 */
+  touch-action: pan-y;
+  &:not(.uk-grid) {
+    /* 1 */
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  > * {
+    /* 1 */
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+}
+
+/*
+ * 1. Reset list style without interfering with grid
+ */
+
+/*
+ * Sub-object item
+ * 1. Position items above each other
+ */
+
+/*
+ * Clip child elements
+ */
+
+.uk-slider-container {
+  overflow: hidden;
+}
+
+/*
+ * Dragged
+ */
+
+.uk-slider {
+  &:not(.uk-drag) {
+    -webkit-transition: -webkit-transform 200ms linear;
+    transition: transform 200ms linear;
+  }
+  &.uk-drag {
+    cursor: col-resize;
+    /* 1 */
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
+  a {
+    /* 1 */
+    -webkit-user-drag: none;
+    user-drag: none;
+    /* 2 */
+    -webkit-touch-callout: none;
+  }
+  img {
+    /* 1 */
+    -webkit-user-drag: none;
+    user-drag: none;
+    /* 2 */
+    -webkit-touch-callout: none;
+    pointer-events: none;
+  }
+}
+
+/*
+ * 1. Makes text unselectable
+ */
+
+/*
+ * 1. Prevents images and links from being dragged (default browser behavior)
+ * 2. Disables the default callout shown when you touch and hold a touch target
+ * Currently only works in Webkit
+ */
+
+/*
+ * 1. Prevents images and links from being dragged in Firefox
+ */
+
+/* Modifier: `uk-slider-fullscreen`
+ ========================================================================== */
+
+.uk-slider-fullscreen {
+  height: 100vh;
+  > li {
+    height: 100vh;
+  }
+}

data/vendor/assets/stylesheets/uikit/components/slider.gradient.scss

@@ -0,0 +1,105 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Slider
+ ========================================================================== */
+/*
+ * 1. Create position context
+ * 2. Create stacking context to prevent z-index issues with other components
+ * 3. Deactivate browser history navigation in IE11
+ */
+
+.uk-slider {
+  /* 1 */
+  position: relative;
+  /* 2 */
+  z-index: 0;
+  /* 3 */
+  touch-action: pan-y;
+  &:not(.uk-grid) {
+    /* 1 */
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  > * {
+    /* 1 */
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+}
+
+/*
+ * 1. Reset list style without interfering with grid
+ */
+
+/*
+ * Sub-object item
+ * 1. Position items above each other
+ */
+
+/*
+ * Clip child elements
+ */
+
+.uk-slider-container {
+  overflow: hidden;
+}
+
+/*
+ * Dragged
+ */
+
+.uk-slider {
+  &:not(.uk-drag) {
+    -webkit-transition: -webkit-transform 200ms linear;
+    transition: transform 200ms linear;
+  }
+  &.uk-drag {
+    cursor: col-resize;
+    /* 1 */
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
+  a {
+    /* 1 */
+    -webkit-user-drag: none;
+    user-drag: none;
+    /* 2 */
+    -webkit-touch-callout: none;
+  }
+  img {
+    /* 1 */
+    -webkit-user-drag: none;
+    user-drag: none;
+    /* 2 */
+    -webkit-touch-callout: none;
+    pointer-events: none;
+  }
+}
+
+/*
+ * 1. Makes text unselectable
+ */
+
+/*
+ * 1. Prevents images and links from being dragged (default browser behavior)
+ * 2. Disables the default callout shown when you touch and hold a touch target
+ * Currently only works in Webkit
+ */
+
+/*
+ * 1. Prevents images and links from being dragged in Firefox
+ */
+
+/* Modifier: `uk-slider-fullscreen`
+ ========================================================================== */
+
+.uk-slider-fullscreen {
+  height: 100vh;
+  > li {
+    height: 100vh;
+  }
+}

data/vendor/assets/stylesheets/uikit/components/slider.scss

@@ -0,0 +1,105 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Slider
+ ========================================================================== */
+/*
+ * 1. Create position context
+ * 2. Create stacking context to prevent z-index issues with other components
+ * 3. Deactivate browser history navigation in IE11
+ */
+
+.uk-slider {
+  /* 1 */
+  position: relative;
+  /* 2 */
+  z-index: 0;
+  /* 3 */
+  touch-action: pan-y;
+  &:not(.uk-grid) {
+    /* 1 */
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  > * {
+    /* 1 */
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+}
+
+/*
+ * 1. Reset list style without interfering with grid
+ */
+
+/*
+ * Sub-object item
+ * 1. Position items above each other
+ */
+
+/*
+ * Clip child elements
+ */
+
+.uk-slider-container {
+  overflow: hidden;
+}
+
+/*
+ * Dragged
+ */
+
+.uk-slider {
+  &:not(.uk-drag) {
+    -webkit-transition: -webkit-transform 200ms linear;
+    transition: transform 200ms linear;
+  }
+  &.uk-drag {
+    cursor: col-resize;
+    /* 1 */
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
+  a {
+    /* 1 */
+    -webkit-user-drag: none;
+    user-drag: none;
+    /* 2 */
+    -webkit-touch-callout: none;
+  }
+  img {
+    /* 1 */
+    -webkit-user-drag: none;
+    user-drag: none;
+    /* 2 */
+    -webkit-touch-callout: none;
+    pointer-events: none;
+  }
+}
+
+/*
+ * 1. Makes text unselectable
+ */
+
+/*
+ * 1. Prevents images and links from being dragged (default browser behavior)
+ * 2. Disables the default callout shown when you touch and hold a touch target
+ * Currently only works in Webkit
+ */
+
+/*
+ * 1. Prevents images and links from being dragged in Firefox
+ */
+
+/* Modifier: `uk-slider-fullscreen`
+ ========================================================================== */
+
+.uk-slider-fullscreen {
+  height: 100vh;
+  > li {
+    height: 100vh;
+  }
+}