uikit-sass-rails 1.3.0 → 1.4.0

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

@@ -0,0 +1,112 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Notify
+ ========================================================================== */
+/*
+ * Message container for positioning
+ */
+
+.uk-notify {
+  position: fixed;
+  top: 10px;
+  left: 10px;
+  z-index: 1040;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 350px;
+}
+
+/* Position modifiers
+========================================================================== */
+
+.uk-notify-top-right, .uk-notify-bottom-right {
+  left: auto;
+  right: 10px;
+}
+
+.uk-notify-top-center, .uk-notify-bottom-center {
+  left: 50%;
+  margin-left: -175px;
+}
+
+.uk-notify-bottom-left, .uk-notify-bottom-right, .uk-notify-bottom-center {
+  top: auto;
+  bottom: 10px;
+}
+
+/* Responsiveness
+========================================================================== */
+/* Phones portrait and smaller */
+@media (max-width: 479px) {
+  /*
+     * Fit in small screen
+     */
+  .uk-notify {
+    left: 10px;
+    right: 10px;
+    width: auto;
+    margin: 0;
+  }
+}
+
+/* Sub-object: `uk-notify-message`
+========================================================================== */
+
+.uk-notify-message {
+  position: relative;
+  margin-bottom: 10px;
+  padding: 15px;
+  background: #444444;
+  color: #ffffff;
+  font-size: 16px;
+  line-height: 22px;
+  cursor: pointer;
+  border: 1px solid #444444;
+  border-radius: 4px;
+  > .uk-close {
+    visibility: hidden;
+    float: right;
+  }
+  &:hover > .uk-close {
+    visibility: visible;
+  }
+}
+
+/* Close in notify
+ ========================================================================== */
+
+/* Modifier: `uk-alert-info`
+ ========================================================================== */
+
+.uk-notify-message-primary {
+  background: #ebf7fd;
+  color: #2d7091;
+  border-color: rgba(45, 112, 145, 0.3);
+}
+
+/* Modifier: `uk-alert-success`
+ ========================================================================== */
+
+.uk-notify-message-success {
+  background: #f2fae3;
+  color: #659f13;
+  border-color: rgba(101, 159, 19, 0.3);
+}
+
+/* Modifier: `uk-notify-message-warning`
+ ========================================================================== */
+
+.uk-notify-message-warning {
+  background: #fffceb;
+  color: #e28327;
+  border-color: rgba(226, 131, 39, 0.3);
+}
+
+/* Modifier: `uk-notify-message-danger`
+ ========================================================================== */
+
+.uk-notify-message-danger {
+  background: #fff1f0;
+  color: #d85030;
+  border-color: rgba(216, 80, 48, 0.3);
+}

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

@@ -0,0 +1,106 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Notify
+ ========================================================================== */
+/*
+ * Message container for positioning
+ */
+
+.uk-notify {
+  position: fixed;
+  top: 10px;
+  left: 10px;
+  z-index: 1040;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 350px;
+}
+
+/* Position modifiers
+========================================================================== */
+
+.uk-notify-top-right, .uk-notify-bottom-right {
+  left: auto;
+  right: 10px;
+}
+
+.uk-notify-top-center, .uk-notify-bottom-center {
+  left: 50%;
+  margin-left: -175px;
+}
+
+.uk-notify-bottom-left, .uk-notify-bottom-right, .uk-notify-bottom-center {
+  top: auto;
+  bottom: 10px;
+}
+
+/* Responsiveness
+========================================================================== */
+/* Phones portrait and smaller */
+@media (max-width: 479px) {
+  /*
+     * Fit in small screen
+     */
+  .uk-notify {
+    left: 10px;
+    right: 10px;
+    width: auto;
+    margin: 0;
+  }
+}
+
+/* Sub-object: `uk-notify-message`
+========================================================================== */
+
+.uk-notify-message {
+  position: relative;
+  margin-bottom: 10px;
+  padding: 15px;
+  background: #444444;
+  color: #ffffff;
+  font-size: 16px;
+  line-height: 22px;
+  cursor: pointer;
+  > .uk-close {
+    visibility: hidden;
+    float: right;
+  }
+  &:hover > .uk-close {
+    visibility: visible;
+  }
+}
+
+/* Close in notify
+ ========================================================================== */
+
+/* Modifier: `uk-alert-info`
+ ========================================================================== */
+
+.uk-notify-message-primary {
+  background: #ebf7fd;
+  color: #2d7091;
+}
+
+/* Modifier: `uk-alert-success`
+ ========================================================================== */
+
+.uk-notify-message-success {
+  background: #f2fae3;
+  color: #659f13;
+}
+
+/* Modifier: `uk-notify-message-warning`
+ ========================================================================== */
+
+.uk-notify-message-warning {
+  background: #fffceb;
+  color: #e28327;
+}
+
+/* Modifier: `uk-notify-message-danger`
+ ========================================================================== */
+
+.uk-notify-message-danger {
+  background: #fff1f0;
+  color: #d85030;
+}

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

@@ -0,0 +1,36 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Placeholder
+ ========================================================================== */
+
+.uk-placeholder {
+  margin-bottom: 15px;
+  padding: 20px;
+  border: 1px dashed #dddddd;
+  background: #fafafa;
+  color: #444444;
+}
+
+/*
+ * Add margin if adjacent element
+ */
+
+* + .uk-placeholder {
+  margin-top: 15px;
+}
+
+/*
+ * Remove margin from the last-child
+ */
+
+.uk-placeholder > :last-child {
+  margin-bottom: 0;
+}
+
+/* Modifier: `uk-placeholder-large`
+ ========================================================================== */
+
+.uk-placeholder-large {
+  padding-top: 80px;
+  padding-bottom: 80px;
+}

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

@@ -0,0 +1,36 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Placeholder
+ ========================================================================== */
+
+.uk-placeholder {
+  margin-bottom: 15px;
+  padding: 20px;
+  border: 1px dashed #dddddd;
+  background: #fafafa;
+  color: #444444;
+}
+
+/*
+ * Add margin if adjacent element
+ */
+
+* + .uk-placeholder {
+  margin-top: 15px;
+}
+
+/*
+ * Remove margin from the last-child
+ */
+
+.uk-placeholder > :last-child {
+  margin-bottom: 0;
+}
+
+/* Modifier: `uk-placeholder-large`
+ ========================================================================== */
+
+.uk-placeholder-large {
+  padding-top: 80px;
+  padding-bottom: 80px;
+}

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

@@ -0,0 +1,36 @@
+/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Placeholder
+ ========================================================================== */
+
+.uk-placeholder {
+  margin-bottom: 15px;
+  padding: 20px;
+  border: 1px dashed #dddddd;
+  background: #fafafa;
+  color: #444444;
+}
+
+/*
+ * Add margin if adjacent element
+ */
+
+* + .uk-placeholder {
+  margin-top: 15px;
+}
+
+/*
+ * Remove margin from the last-child
+ */
+
+.uk-placeholder > :last-child {
+  margin-bottom: 0;
+}
+
+/* Modifier: `uk-placeholder-large`
+ ========================================================================== */
+
+.uk-placeholder-large {
+  padding-top: 80px;
+  padding-bottom: 80px;
+}

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

@@ -0,0 +1,130 @@
+/*! 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: #f5f5f5;
+  /* 1 */
+  overflow: hidden;
+  /* 2 */
+  line-height: 20px;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
+  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: #00a8e6;
+  float: left;
+  /* 1 */
+  -webkit-transition: width 0.6s ease;
+  transition: width 0.6s ease;
+  /* 2 */
+  font-size: 12px;
+  color: #ffffff;
+  text-align: center;
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+/* 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;
+  }
+}
+
+
+/* Size modifiers
+     ========================================================================== */
+
+.uk-progress-mini, .uk-progress-small {
+  border-radius: 500px;
+}