uikit-sass-rails 1.3.0 → 1.4.0

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

@@ -0,0 +1,138 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Progress
+ ========================================================================== */
+/*
+ * 1. Clearing
+ * 2. Vertical alignment if text is used
+ */
+
+.uk-progress {
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  height: 20px;
+  margin-bottom: 15px;
+  background: #f7f7f7;
+  /* 1 */
+  overflow: hidden;
+  /* 2 */
+  line-height: 20px;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 2px rgba(0, 0, 0, 0.07);
+  border-radius: 4px;
+}
+
+/*
+ * Add margin if adjacent element
+ */
+
+* + .uk-progress {
+  margin-top: 15px;
+}
+
+/* Sub-object: `uk-progress-bar`
+ ========================================================================== */
+/*
+ * 1. Transition
+ * 2. Needed for text
+ */
+
+.uk-progress-bar {
+  width: 0;
+  height: 100%;
+  background: #009dd8;
+  float: left;
+  /* 1 */
+  -webkit-transition: width 0.6s ease;
+  transition: width 0.6s ease;
+  /* 2 */
+  font-size: 12px;
+  color: #ffffff;
+  text-align: center;
+  background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
+  background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+
+/* Size modifiers
+ ========================================================================== */
+/* Mini */
+
+.uk-progress-mini {
+  height: 6px;
+}
+
+/* Small */
+
+.uk-progress-small {
+  height: 12px;
+}
+
+/* Color modifiers
+ ========================================================================== */
+
+.uk-progress-success .uk-progress-bar {
+  background-color: #82bb42;
+  background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
+  background-image: linear-gradient(to bottom, #9fd256, #6fac34);
+}
+
+.uk-progress-warning .uk-progress-bar {
+  background-color: #f9a124;
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
+  background-image: linear-gradient(to bottom, #fbb450, #f89406);
+}
+
+.uk-progress-danger .uk-progress-bar {
+  background-color: #d32c46;
+  background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
+  background-image: linear-gradient(to bottom, #ee465a, #c11a39);
+}
+
+/* Modifier: `uk-progress-striped`
+ ========================================================================== */
+
+.uk-progress-striped {
+  .uk-progress-bar {
+    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    background-size: 30px 30px;
+  }
+  &.uk-active .uk-progress-bar {
+    -webkit-animation: uk-progress-bar-stripes 2s linear infinite;
+    animation: uk-progress-bar-stripes 2s linear infinite;
+  }
+}
+
+/*
+ * Animation
+ */
+
+@-webkit-keyframes uk-progress-bar-stripes {
+  0% {
+    background-position: 0 0;
+  }
+
+  100% {
+    background-position: 30px 0;
+  }
+}
+
+
+@keyframes uk-progress-bar-stripes {
+  0% {
+    background-position: 0 0;
+  }
+
+  100% {
+    background-position: 30px 0;
+  }
+}
+
+
+/* Size modifiers
+     ========================================================================== */
+
+.uk-progress-mini, .uk-progress-small {
+  border-radius: 500px;
+}

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

@@ -0,0 +1,118 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Progress
+ ========================================================================== */
+/*
+ * 1. Clearing
+ * 2. Vertical alignment if text is used
+ */
+
+.uk-progress {
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  height: 20px;
+  margin-bottom: 15px;
+  background: #eeeeee;
+  /* 1 */
+  overflow: hidden;
+  /* 2 */
+  line-height: 20px;
+}
+
+/*
+ * Add margin if adjacent element
+ */
+
+* + .uk-progress {
+  margin-top: 15px;
+}
+
+/* Sub-object: `uk-progress-bar`
+ ========================================================================== */
+/*
+ * 1. Transition
+ * 2. Needed for text
+ */
+
+.uk-progress-bar {
+  width: 0;
+  height: 100%;
+  background: #00a8e6;
+  float: left;
+  /* 1 */
+  -webkit-transition: width 0.6s ease;
+  transition: width 0.6s ease;
+  /* 2 */
+  font-size: 12px;
+  color: #ffffff;
+  text-align: center;
+}
+
+/* Size modifiers
+ ========================================================================== */
+/* Mini */
+
+.uk-progress-mini {
+  height: 6px;
+}
+
+/* Small */
+
+.uk-progress-small {
+  height: 12px;
+}
+
+/* Color modifiers
+ ========================================================================== */
+
+.uk-progress-success .uk-progress-bar {
+  background-color: #8cc14c;
+}
+
+.uk-progress-warning .uk-progress-bar {
+  background-color: #faa732;
+}
+
+.uk-progress-danger .uk-progress-bar {
+  background-color: #da314b;
+}
+
+/* Modifier: `uk-progress-striped`
+ ========================================================================== */
+
+.uk-progress-striped {
+  .uk-progress-bar {
+    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    background-size: 30px 30px;
+  }
+  &.uk-active .uk-progress-bar {
+    -webkit-animation: uk-progress-bar-stripes 2s linear infinite;
+    animation: uk-progress-bar-stripes 2s linear infinite;
+  }
+}
+
+/*
+ * Animation
+ */
+
+@-webkit-keyframes uk-progress-bar-stripes {
+  0% {
+    background-position: 0 0;
+  }
+
+  100% {
+    background-position: 30px 0;
+  }
+}
+
+
+@keyframes uk-progress-bar-stripes {
+  0% {
+    background-position: 0 0;
+  }
+
+  100% {
+    background-position: 30px 0;
+  }
+}

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

@@ -0,0 +1,216 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Search
+ ========================================================================== */
+/*
+ * 1. Create position context for dropdowns
+ * 2. Needed for `form` element
+ */
+
+.uk-search {
+  display: inline-block;
+  /* 1 */
+  position: relative;
+  /* 2 */
+  margin: 0;
+  &:before {
+    content: "\f002";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 30px;
+    line-height: 30px;
+    text-align: center;
+    font-family: FontAwesome;
+    font-size: 14px;
+    color: rgba(0, 0, 0, 0.2);
+  }
+}
+
+/*
+ * Icon
+ */
+
+/* Sub-object `uk-search-field`
+ ========================================================================== */
+/*
+ * Removes inner padding and border in Firefox 4+.
+ */
+
+.uk-search-field {
+  &::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+  }
+  &::-webkit-search-cancel-button, &::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  &::-ms-clear {
+    display: none;
+  }
+  &::-moz-placeholder {
+    opacity: 1;
+  }
+  /* 1 */
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  /* 2 */
+  margin: 0;
+  /* 3 */
+  border-radius: 0;
+  /* 4 */
+  font: inherit;
+  color: #444444;
+  /* 5 */
+  -webkit-appearance: none;
+  /* 6 */
+  width: 120px;
+  height: 30px;
+  padding: 0 0 0 30px;
+  border: 1px solid rgba(0, 0, 0, 0);
+  background: rgba(0, 0, 0, 0);
+  -webkit-transition: all linear 0.2s;
+  transition: all linear 0.2s;
+  vertical-align: middle;
+  &:-ms-input-placeholder {
+    color: #999999 !important;
+  }
+  &::-moz-placeholder, &::-webkit-input-placeholder {
+    color: #999999;
+  }
+  &:focus {
+    outline: 0;
+    width: 180px;
+  }
+}
+
+/*
+ * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.
+ */
+
+/*
+ * Removes cancel button in IE10
+ */
+
+/*
+ * Removes placeholder transparency in Firefox.
+ */
+
+/*
+ * 1. Define consistent box sizing.
+ * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
+ * 3. Remove `border-radius` in iOS.
+ * 4. Correct `font` properties and `color` not being inherited.
+ * 5. Remove default style in iOS.
+ * 6. Style
+ */
+
+/* Placeholder */
+
+/* Focus */
+
+/* Focus + Active */
+
+.uk-search.uk-active .uk-search-field {
+  width: 180px;
+}
+
+/* Dropdown modifier: `uk-dropdown-search`
+ ========================================================================== */
+
+.uk-dropdown-search {
+  width: 300px;
+  margin-top: 0;
+  background: #ffffff;
+  color: #444444;
+}
+
+.uk-open > .uk-dropdown-search {
+  -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
+  animation: uk-slide-top-fixed 0.2s ease-in-out;
+}
+
+/*
+ * Dependency `uk-navbar-flip`
+ */
+
+.uk-navbar-flip .uk-dropdown-search {
+  margin-top: 12px;
+  margin-right: -16px;
+}
+
+/* Nav modifier `uk-nav-search`
+ ========================================================================== */
+/*
+ * Items
+ */
+
+.uk-nav-search {
+  > li {
+    > a {
+      color: #444444;
+    }
+    &.uk-active > a {
+      background: #00a8e6;
+      color: #ffffff;
+      /* 1 */
+      outline: none;
+      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
+      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+    }
+  }
+  .uk-nav-header {
+    color: #999999;
+  }
+  .uk-nav-divider {
+    border-top: 1px solid #dddddd;
+  }
+  ul a {
+    color: #0077dd;
+    &:hover {
+      color: #005599;
+    }
+  }
+}
+
+/*
+ * Active
+ * 1. Remove default focus style
+ */
+
+/*
+ * Sub-object: `uk-nav-header`
+ */
+
+/*
+ * Sub-object: `uk-nav-divider`
+ */
+
+/*
+ * Nested items
+ */
+
+/* Search in offcanvas
+ ========================================================================== */
+
+.uk-offcanvas {
+  .uk-search {
+    display: block;
+    margin: 20px 15px;
+    &:before {
+      color: #777777;
+    }
+  }
+  .uk-search-field {
+    width: 100%;
+    border-color: rgba(0, 0, 0, 0);
+    background: #1a1a1a;
+    color: #cccccc;
+    &:-ms-input-placeholder {
+      color: #777777 !important;
+    }
+    &::-moz-placeholder, &::-webkit-input-placeholder {
+      color: #777777;
+    }
+  }
+}