uikit-sass-rails 1.3.0 → 1.4.0

data/vendor/assets/stylesheets/uikit/components/form-advanced.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-file.almost-flat.scss

@@ -0,0 +1,36 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Form file
+ ========================================================================== */
+/*
+ * 1. Behave like form elements
+ * 2. Create position context for dropdowns
+ * 3. Clip content
+ */
+
+.uk-form-file {
+  /* 1 */
+  display: inline-block;
+  vertical-align: middle;
+  /* 2 */
+  position: relative;
+  /* 3 */
+  overflow: hidden;
+  input[type="file"] {
+    position: absolute;
+    top: 0;
+    z-index: 1;
+    width: 100%;
+    opacity: 0;
+    cursor: pointer;
+    /* 1 */
+    left: 0;
+    /* 2 */
+    font-size: 500px;
+  }
+}
+
+/*
+ * 1. Required for Firefox
+ * 2. Expand height and required for the cursor
+ */

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

@@ -0,0 +1,36 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Form file
+ ========================================================================== */
+/*
+ * 1. Behave like form elements
+ * 2. Create position context for dropdowns
+ * 3. Clip content
+ */
+
+.uk-form-file {
+  /* 1 */
+  display: inline-block;
+  vertical-align: middle;
+  /* 2 */
+  position: relative;
+  /* 3 */
+  overflow: hidden;
+  input[type="file"] {
+    position: absolute;
+    top: 0;
+    z-index: 1;
+    width: 100%;
+    opacity: 0;
+    cursor: pointer;
+    /* 1 */
+    left: 0;
+    /* 2 */
+    font-size: 500px;
+  }
+}
+
+/*
+ * 1. Required for Firefox
+ * 2. Expand height and required for the cursor
+ */

data/vendor/assets/stylesheets/uikit/components/form-file.scss

@@ -0,0 +1,36 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Form file
+ ========================================================================== */
+/*
+ * 1. Behave like form elements
+ * 2. Create position context for dropdowns
+ * 3. Clip content
+ */
+
+.uk-form-file {
+  /* 1 */
+  display: inline-block;
+  vertical-align: middle;
+  /* 2 */
+  position: relative;
+  /* 3 */
+  overflow: hidden;
+  input[type="file"] {
+    position: absolute;
+    top: 0;
+    z-index: 1;
+    width: 100%;
+    opacity: 0;
+    cursor: pointer;
+    /* 1 */
+    left: 0;
+    /* 2 */
+    font-size: 500px;
+  }
+}
+
+/*
+ * 1. Required for Firefox
+ * 2. Expand height and required for the cursor
+ */

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

@@ -0,0 +1,37 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Form password
+ ========================================================================== */
+/*
+ * 1. Container width fits its content
+ * 2. Create position context
+ * 3. Prevent `inline-block` consequences
+ */
+
+.uk-form-password {
+  /* 1 */
+  display: inline-block;
+  /* 2 */
+  position: relative;
+  /* 3 */
+  max-width: 100%;
+}
+
+.uk-form-password-toggle {
+  display: block;
+  position: absolute;
+  top: 50%;
+  right: 10px;
+  margin-top: -6px;
+  font-size: 13px;
+  line-height: 13px;
+  color: #999999;
+  &:hover {
+    color: #999999;
+    text-decoration: none;
+  }
+}
+
+.uk-form-password > input {
+  padding-right: 50px !important;
+}

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

@@ -0,0 +1,37 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Form password
+ ========================================================================== */
+/*
+ * 1. Container width fits its content
+ * 2. Create position context
+ * 3. Prevent `inline-block` consequences
+ */
+
+.uk-form-password {
+  /* 1 */
+  display: inline-block;
+  /* 2 */
+  position: relative;
+  /* 3 */
+  max-width: 100%;
+}
+
+.uk-form-password-toggle {
+  display: block;
+  position: absolute;
+  top: 50%;
+  right: 10px;
+  margin-top: -6px;
+  font-size: 13px;
+  line-height: 13px;
+  color: #999999;
+  &:hover {
+    color: #999999;
+    text-decoration: none;
+  }
+}
+
+.uk-form-password > input {
+  padding-right: 50px !important;
+}

data/vendor/assets/stylesheets/uikit/components/form-password.scss

@@ -0,0 +1,37 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Form password
+ ========================================================================== */
+/*
+ * 1. Container width fits its content
+ * 2. Create position context
+ * 3. Prevent `inline-block` consequences
+ */
+
+.uk-form-password {
+  /* 1 */
+  display: inline-block;
+  /* 2 */
+  position: relative;
+  /* 3 */
+  max-width: 100%;
+}
+
+.uk-form-password-toggle {
+  display: block;
+  position: absolute;
+  top: 50%;
+  right: 10px;
+  margin-top: -6px;
+  font-size: 13px;
+  line-height: 13px;
+  color: #999999;
+  &:hover {
+    color: #999999;
+    text-decoration: none;
+  }
+}
+
+.uk-form-password > input {
+  padding-right: 50px !important;
+}

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

@@ -0,0 +1,37 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Form select
+ ========================================================================== */
+/*
+ * 1. Behave like form elements
+ * 2. Create position context for dropdowns
+ * 3. Clip content
+ */
+
+.uk-form-select {
+  /* 1 */
+  display: inline-block;
+  vertical-align: middle;
+  /* 2 */
+  position: relative;
+  /* 3 */
+  overflow: hidden;
+  select {
+    position: absolute;
+    top: 0;
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    cursor: pointer;
+    /* 1 */
+    left: 0;
+    /* 2 */
+    -webkit-appearance: none;
+  }
+}
+
+/*
+ * 1. Required for Firefox
+ * 1. Required for Webkit to make `height` work
+ */

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

@@ -0,0 +1,37 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Form select
+ ========================================================================== */
+/*
+ * 1. Behave like form elements
+ * 2. Create position context for dropdowns
+ * 3. Clip content
+ */
+
+.uk-form-select {
+  /* 1 */
+  display: inline-block;
+  vertical-align: middle;
+  /* 2 */
+  position: relative;
+  /* 3 */
+  overflow: hidden;
+  select {
+    position: absolute;
+    top: 0;
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    cursor: pointer;
+    /* 1 */
+    left: 0;
+    /* 2 */
+    -webkit-appearance: none;
+  }
+}
+
+/*
+ * 1. Required for Firefox
+ * 1. Required for Webkit to make `height` work
+ */

data/vendor/assets/stylesheets/uikit/components/form-select.scss

@@ -0,0 +1,37 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Form select
+ ========================================================================== */
+/*
+ * 1. Behave like form elements
+ * 2. Create position context for dropdowns
+ * 3. Clip content
+ */
+
+.uk-form-select {
+  /* 1 */
+  display: inline-block;
+  vertical-align: middle;
+  /* 2 */
+  position: relative;
+  /* 3 */
+  overflow: hidden;
+  select {
+    position: absolute;
+    top: 0;
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    cursor: pointer;
+    /* 1 */
+    left: 0;
+    /* 2 */
+    -webkit-appearance: none;
+  }
+}
+
+/*
+ * 1. Required for Firefox
+ * 1. Required for Webkit to make `height` work
+ */

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

@@ -0,0 +1,282 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: HTML editor
+ ========================================================================== */
+/* Sub-object `uk-htmleditor-navbar`
+ ========================================================================== */
+
+.uk-htmleditor-navbar {
+  background: #f5f5f5;
+  border: 1px solid rgba(0, 0, 0, 0.06);
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  &:before {
+    content: "";
+    display: table;
+  }
+  &:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+}
+
+/*
+ * Micro clearfix
+ */
+
+/* Sub-object `uk-htmleditor-navbar-nav`
+ ========================================================================== */
+
+.uk-htmleditor-navbar-nav {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  float: left;
+  > li {
+    float: left;
+    > a {
+      display: block;
+      -moz-box-sizing: border-box;
+      box-sizing: border-box;
+      text-decoration: none;
+      /* 1 */
+      height: 41px;
+      padding: 0 15px;
+      line-height: 40px;
+      /* 2 */
+      color: #444444;
+      font-size: 11px;
+      cursor: pointer;
+      margin-top: -1px;
+      margin-left: -1px;
+      border: 1px solid transparent;
+      border-bottom-width: 0;
+      text-shadow: 0 1px 0 #ffffff;
+    }
+    &:hover > a {
+      background-color: #fafafa;
+      color: #444444;
+      outline: none;
+      /* 2 */
+      position: relative;
+      z-index: 1;
+      border-left-color: rgba(0, 0, 0, 0.1);
+      border-right-color: rgba(0, 0, 0, 0.1);
+      border-top-color: rgba(0, 0, 0, 0.1);
+    }
+    > a {
+      &:focus {
+        background-color: #fafafa;
+        color: #444444;
+        outline: none;
+        /* 2 */
+        position: relative;
+        z-index: 1;
+        border-left-color: rgba(0, 0, 0, 0.1);
+        border-right-color: rgba(0, 0, 0, 0.1);
+        border-top-color: rgba(0, 0, 0, 0.1);
+      }
+      &:active {
+        background-color: #eeeeee;
+        color: #444444;
+        border-left-color: rgba(0, 0, 0, 0.1);
+        border-right-color: rgba(0, 0, 0, 0.1);
+        border-top-color: rgba(0, 0, 0, 0.2);
+      }
+    }
+    &.uk-active > a {
+      background-color: #fafafa;
+      color: #444444;
+      border-left-color: rgba(0, 0, 0, 0.1);
+      border-right-color: rgba(0, 0, 0, 0.1);
+      border-top-color: rgba(0, 0, 0, 0.1);
+    }
+  }
+}
+
+/*
+ * 1. Dimensions
+ * 2. Style
+ */
+
+/*
+ * Hover
+ * 1. Apply hover style also to focus state
+ * 2. Remove default focus style
+ */
+
+/* OnClick */
+
+/* Active */
+
+/* Sub-object: `uk-htmleditor-navbar-flip`
+ ========================================================================== */
+
+.uk-htmleditor-navbar-flip {
+  float: right;
+}
+
+/* Sub-object for special buttons
+ ========================================================================== */
+
+[data-mode='split'] {
+  .uk-htmleditor-button-code, .uk-htmleditor-button-preview {
+    display: none;
+  }
+}
+
+/* Sub-object `uk-htmleditor-content`
+ ========================================================================== */
+
+.uk-htmleditor-content {
+  border-left: 1px solid #dddddd;
+  border-right: 1px solid #dddddd;
+  border-bottom: 1px solid #dddddd;
+  background: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  &:before {
+    content: "";
+    display: table;
+  }
+  &:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+}
+
+/*
+ * Micro clearfix
+ */
+
+/* Modifier `uk-htmleditor-fullscreen`
+ ========================================================================== */
+
+.uk-htmleditor-fullscreen {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 990;
+  .uk-htmleditor-content {
+    position: absolute;
+    top: 41px;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+  .uk-icon-expand:before {
+    content: "\f066";
+  }
+}
+
+/* Sub-objects `uk-htmleditor-code` and `uk-htmleditor-preview`
+ ========================================================================== */
+
+.uk-htmleditor-code {
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+.uk-htmleditor-preview {
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 20px;
+  overflow-y: scroll;
+  position: relative;
+}
+
+/*
+ * Tab view
+ */
+
+[data-mode='tab'] {
+  &[data-active-tab='code'] .uk-htmleditor-preview, &[data-active-tab='preview'] .uk-htmleditor-code {
+    display: none;
+  }
+}
+
+/*
+ * Split view
+ */
+
+[data-mode='split'] {
+  .uk-htmleditor-code, .uk-htmleditor-preview {
+    float: left;
+    width: 50%;
+  }
+  .uk-htmleditor-code {
+    border-right: 1px solid #eeeeee;
+  }
+}
+
+/* Sub-object `uk-htmleditor-iframe`
+ ========================================================================== */
+
+.uk-htmleditor-iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+/* CodeMirror modifications
+ ========================================================================== */
+
+.uk-htmleditor .CodeMirror {
+  padding: 10px;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+/*
+     * Apply same `border-radius` as `uk-htmleditor-navbar`
+     */
+
+.uk-htmleditor-navbar-nav:first-child > li:first-child > a {
+  border-top-left-radius: 4px;
+}
+
+/*
+     * Sub-modifier `uk-htmleditor-navbar-flip`
+     */
+/* Collapse border */
+
+.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav {
+  > li > a {
+    margin-left: 0;
+    margin-right: -1px;
+  }
+  &:first-child > li:first-child > a {
+    border-top-left-radius: 0;
+  }
+  &:last-child > li:last-child > a {
+    border-top-right-radius: 4px;
+  }
+}
+
+/* Apply same `border-radius` as `uk-htmleditor-navbar` */
+
+/*
+     * Sub-modifier `uk-htmleditor-fullscreen`
+     */
+
+.uk-htmleditor-fullscreen {
+  .uk-htmleditor-navbar {
+    border-top: none;
+    border-left: none;
+    border-right: none;
+    border-radius: 0;
+  }
+  .uk-htmleditor-content {
+    border: none;
+    border-radius: 0;
+  }
+  .uk-htmleditor-navbar-nav > li > a {
+    border-radius: 0 !important;
+  }
+}