uikit-sass-rails 1.3.0 → 1.4.0

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

@@ -0,0 +1,152 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Dotnav
+ ========================================================================== */
+/*
+ * 1. Gutter
+ * 2. Remove default list style
+ */
+
+.uk-dotnav {
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  flex-wrap: wrap;
+  /* 1 */
+  margin-left: -15px;
+  margin-top: -15px;
+  /* 2 */
+  padding: 0;
+  list-style: none;
+  > * {
+    /* 1 */
+    -ms-flex: none;
+    -webkit-flex: none;
+    flex: none;
+    /* 2 */
+    padding-left: 15px;
+    margin-top: 15px;
+  }
+  &:before {
+    content: "";
+    display: block;
+    overflow: hidden;
+  }
+  &:after {
+    content: "";
+    display: block;
+    overflow: hidden;
+    clear: both;
+  }
+  > {
+    * {
+      float: left;
+      > {
+        * {
+          display: block;
+          -moz-box-sizing: content-box;
+          box-sizing: content-box;
+          width: 20px;
+          height: 20px;
+          border-radius: 50%;
+          background: rgba(50, 50, 50, 0.1);
+          /* 1 */
+          text-indent: 100%;
+          overflow: hidden;
+          white-space: nowrap;
+          -webkit-transition: all 0.2s ease-in-out;
+          transition: all 0.2s ease-in-out;
+        }
+        :hover, :focus {
+          background: rgba(50, 50, 50, 0.4);
+          /* 2 */
+          outline: none;
+        }
+        :active {
+          background: rgba(50, 50, 50, 0.6);
+        }
+      }
+    }
+    .uk-active > * {
+      background: rgba(50, 50, 50, 0.4);
+      -webkit-transform: scale(1.3);
+      transform: scale(1.3);
+    }
+  }
+}
+
+/*
+ * 1. Space is allocated solely based on content dimensions
+ * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
+ */
+
+/*
+ * DEPRECATED IE9 Support
+ */
+
+/* Items
+ ========================================================================== */
+/*
+ * Items
+ * 1. Hide text if present
+ */
+
+/*
+ * Hover
+ * 1. Apply hover style also to focus state
+ * 2. Remove default focus style
+ */
+
+/* OnClick */
+
+/* Active */
+
+/* Modifier: `uk-dotnav-contrast`
+ ========================================================================== */
+
+.uk-dotnav-contrast > {
+  * > {
+    * {
+      background: rgba(255, 255, 255, 0.4);
+    }
+    :hover, :focus {
+      background: rgba(255, 255, 255, 0.7);
+    }
+    :active {
+      background: rgba(255, 255, 255, 0.9);
+    }
+  }
+  .uk-active > * {
+    background: rgba(255, 255, 255, 0.9);
+  }
+}
+
+/*
+ * Hover
+ * 1. Apply hover style also to focus state
+ */
+
+/* OnClick */
+
+/* Active */
+
+/* Modifier: 'uk-dotnav-vertical'
+ ========================================================================== */
+/*
+ * DEPRECATED
+ */
+
+.uk-dotnav-vertical {
+  -ms-flex-direction: column;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  > * {
+    float: none;
+  }
+}
+
+/*
+ * DEPRECATED IE9 Support
+ */

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

@@ -0,0 +1,148 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Dotnav
+ ========================================================================== */
+/*
+ * 1. Gutter
+ * 2. Remove default list style
+ */
+
+.uk-dotnav {
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  flex-wrap: wrap;
+  /* 1 */
+  margin-left: -15px;
+  margin-top: -15px;
+  /* 2 */
+  padding: 0;
+  list-style: none;
+  > * {
+    /* 1 */
+    -ms-flex: none;
+    -webkit-flex: none;
+    flex: none;
+    /* 2 */
+    padding-left: 15px;
+    margin-top: 15px;
+  }
+  &:before {
+    content: "";
+    display: block;
+    overflow: hidden;
+  }
+  &:after {
+    content: "";
+    display: block;
+    overflow: hidden;
+    clear: both;
+  }
+  > {
+    * {
+      float: left;
+      > {
+        * {
+          display: block;
+          -moz-box-sizing: content-box;
+          box-sizing: content-box;
+          width: 20px;
+          height: 20px;
+          border-radius: 50%;
+          background: rgba(50, 50, 50, 0.1);
+          /* 1 */
+          text-indent: 100%;
+          overflow: hidden;
+          white-space: nowrap;
+        }
+        :hover, :focus {
+          background: rgba(50, 50, 50, 0.4);
+          /* 2 */
+          outline: none;
+        }
+        :active {
+          background: rgba(50, 50, 50, 0.6);
+        }
+      }
+    }
+    .uk-active > * {
+      background: rgba(50, 50, 50, 0.4);
+    }
+  }
+}
+
+/*
+ * 1. Space is allocated solely based on content dimensions
+ * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
+ */
+
+/*
+ * DEPRECATED IE9 Support
+ */
+
+/* Items
+ ========================================================================== */
+/*
+ * Items
+ * 1. Hide text if present
+ */
+
+/*
+ * Hover
+ * 1. Apply hover style also to focus state
+ * 2. Remove default focus style
+ */
+
+/* OnClick */
+
+/* Active */
+
+/* Modifier: `uk-dotnav-contrast`
+ ========================================================================== */
+
+.uk-dotnav-contrast > {
+  * > {
+    * {
+      background: rgba(255, 255, 255, 0.4);
+    }
+    :hover, :focus {
+      background: rgba(255, 255, 255, 0.7);
+    }
+    :active {
+      background: rgba(255, 255, 255, 0.9);
+    }
+  }
+  .uk-active > * {
+    background: rgba(255, 255, 255, 0.9);
+  }
+}
+
+/*
+ * Hover
+ * 1. Apply hover style also to focus state
+ */
+
+/* OnClick */
+
+/* Active */
+
+/* Modifier: 'uk-dotnav-vertical'
+ ========================================================================== */
+/*
+ * DEPRECATED
+ */
+
+.uk-dotnav-vertical {
+  -ms-flex-direction: column;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  > * {
+    float: none;
+  }
+}
+
+/*
+ * DEPRECATED IE9 Support
+ */

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

@@ -0,0 +1,92 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Form advanced
+   Note: Only works in Webkit at the moment
+ ========================================================================== */
+/*
+ * 1. Style
+ * 2. Makes box more robust so it clips the child element
+ * 3. Vertical alignment
+ * 4. Remove default style
+ * 5. Fix black background on iOS
+ */
+
+.uk-form input {
+  &[type="radio"], &[type="checkbox"] {
+    /* 1 */
+    display: inline-block;
+    height: 14px;
+    width: 14px;
+    border: 1px solid #aaaaaa;
+    /* 2 */
+    overflow: hidden;
+    /* 3 */
+    margin-top: -4px;
+    vertical-align: middle;
+    /* 4 */
+    -webkit-appearance: none;
+    outline: 0;
+    /* 5 */
+    background: transparent;
+  }
+  &[type="radio"] {
+    border-radius: 50%;
+  }
+  &[type=radio]:before, &[type=checkbox]:before {
+    display: block;
+  }
+  &[type=radio]:checked:before {
+    content: '';
+    width: 8px;
+    height: 8px;
+    margin: 2px auto 0;
+    border-radius: 50%;
+    background: #00a8e6;
+  }
+  &[type=checkbox] {
+    &:checked:before {
+      content: "\f00c";
+      font-family: FontAwesome;
+      font-size: 12px;
+      -webkit-font-smoothing: antialiased;
+      text-align: center;
+      line-height: 12px;
+      color: #00a8e6;
+    }
+    &:indeterminate:before {
+      content: "\f00c";
+      font-family: FontAwesome;
+      font-size: 12px;
+      -webkit-font-smoothing: antialiased;
+      text-align: center;
+      line-height: 12px;
+      color: #00a8e6;
+      content: "\f068";
+    }
+  }
+  &[type=radio]:disabled, &[type=checkbox]:disabled {
+    border-color: #dddddd;
+  }
+  &[type=radio]:disabled:checked:before {
+    background-color: #aaaaaa;
+  }
+  &[type=checkbox]:disabled {
+    &:checked:before, &:indeterminate:before {
+      color: #aaaaaa;
+    }
+  }
+}
+
+/* Radio */
+
+/*
+ * Checked
+ */
+
+/* Radio */
+
+/* Checkbox */
+
+/*
+ * Disabled
+ */

data/vendor/assets/stylesheets/uikit/components/form-advanced.gradient.scss

@@ -0,0 +1,92 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Form advanced
+   Note: Only works in Webkit at the moment
+ ========================================================================== */
+/*
+ * 1. Style
+ * 2. Makes box more robust so it clips the child element
+ * 3. Vertical alignment
+ * 4. Remove default style
+ * 5. Fix black background on iOS
+ */
+
+.uk-form input {
+  &[type="radio"], &[type="checkbox"] {
+    /* 1 */
+    display: inline-block;
+    height: 14px;
+    width: 14px;
+    border: 1px solid #aaaaaa;
+    /* 2 */
+    overflow: hidden;
+    /* 3 */
+    margin-top: -4px;
+    vertical-align: middle;
+    /* 4 */
+    -webkit-appearance: none;
+    outline: 0;
+    /* 5 */
+    background: transparent;
+  }
+  &[type="radio"] {
+    border-radius: 50%;
+  }
+  &[type=radio]:before, &[type=checkbox]:before {
+    display: block;
+  }
+  &[type=radio]:checked:before {
+    content: '';
+    width: 8px;
+    height: 8px;
+    margin: 2px auto 0;
+    border-radius: 50%;
+    background: #00a8e6;
+  }
+  &[type=checkbox] {
+    &:checked:before {
+      content: "\f00c";
+      font-family: FontAwesome;
+      font-size: 12px;
+      -webkit-font-smoothing: antialiased;
+      text-align: center;
+      line-height: 12px;
+      color: #00a8e6;
+    }
+    &:indeterminate:before {
+      content: "\f00c";
+      font-family: FontAwesome;
+      font-size: 12px;
+      -webkit-font-smoothing: antialiased;
+      text-align: center;
+      line-height: 12px;
+      color: #00a8e6;
+      content: "\f068";
+    }
+  }
+  &[type=radio]:disabled, &[type=checkbox]:disabled {
+    border-color: #dddddd;
+  }
+  &[type=radio]:disabled:checked:before {
+    background-color: #aaaaaa;
+  }
+  &[type=checkbox]:disabled {
+    &:checked:before, &:indeterminate:before {
+      color: #aaaaaa;
+    }
+  }
+}
+
+/* Radio */
+
+/*
+ * Checked
+ */
+
+/* Radio */
+
+/* Checkbox */
+
+/*
+ * Disabled
+ */