uikit.almost-flat.addons.scss in uikit-sass-rails-1.2.0

- old
+ new

@@ -1,6 +1,6 @@
-/*! UIkit 2.9.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.10.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
 
 /* ========================================================================
    Component: Dotnav
  ========================================================================== */
 /*
@@ -1180,55 +1180,86 @@
  */
 
 /* Sub-object `uk-search-field`
  ========================================================================== */
 /*
- * 1. Needed to reset iOS `input[type="search"]` appearance
+ * 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);
-  color: #444444;
   -webkit-transition: all linear 0.2s;
   transition: all linear 0.2s;
-  /* 1 */
-  border-radius: 0;
-}
-
-/*
- * Needed to reset iOS `input[type="search"]` appearance
- * Higher specificity to override appearance set by normalize.less
- */
-
-input.uk-search-field {
-  -webkit-appearance: none;
-}
-
-/* Placeholder */
-
-.uk-search-field {
-  &:-ms-input-placeholder, &::-moz-placeholder, &::-webkit-input-placeholder {
+  vertical-align: middle;
+  &:-ms-input-placeholder {
+    color: #999999 !important;
+  }
+  &::-moz-placeholder, &::-webkit-input-placeholder {
     color: #999999;
   }
-  &::-ms-clear {
-    display: none;
-  }
   &:focus {
     outline: 0;
     width: 180px;
   }
 }
 
-/* Removes cancel button in IE10 */
+/*
+ * 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 */
+/* Focus + Active */
 
 .uk-search.uk-active .uk-search-field {
   width: 180px;
 }
 
@@ -1321,11 +1352,14 @@
   .uk-search-field {
     width: 100%;
     border-color: rgba(0, 0, 0, 0);
     background: #1a1a1a;
     color: #cccccc;
-    &:-ms-input-placeholder, &::-moz-placeholder, &::-webkit-input-placeholder {
+    &:-ms-input-placeholder {
+      color: #777777 !important;
+    }
+    &::-moz-placeholder, &::-webkit-input-placeholder {
       color: #777777;
     }
   }
 }
 
@@ -1531,6 +1565,6 @@
   position: relative;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
-}
\ No newline at end of file
+}