Merge pull request #69 from tilomitra/no-prefix

Fix for issue #23: Remove -webkit and -moz prefixes for older CSS3 properties.

HISTORY.md

@@ -19,6 +19,10 @@ NEXT
     * Added support to `pure-site` for serving `pure` locally during
       development. (Issue #46, yui/pure-site#111)
 
+* Removed vendor prefixes for `box-shadow`, `text-shadow`, `border-radius`. According
+  to caniuse.com, all modern browsers support the unprefixed versions of these properties.
+  (Issue #23)
+
 ### Forms
 
 * (!) `.pure-help-inline` has been replaced with `.pure-form-message-inline`. We

src/buttons/css/buttons.css

@@ -12,8 +12,6 @@
     border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
     background-color: #E6E6E6;
     text-decoration: none;
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
     border-radius: 2px;
     -webkit-font-smoothing: antialiased;
     /* Transitions */
@@ -40,8 +38,6 @@
 
 .pure-button-active,
 .pure-button:active {
-    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
-    -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
     box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
 }
 

src/forms/css/forms.css

@@ -125,7 +125,7 @@
 /* Rounded Inputs */
 .pure-form .pure-input-rounded {
   border-radius: 20px;
-  padding-left:1em;
+  padding-left: 1em;
 }
 
 /* Grouped Inputs */

src/menus/css/menus-core.css

@@ -66,7 +66,7 @@
 }
 
 .pure-menu-can-have-children > .pure-menu-label {
-    padding-right:30px;
+    padding-right: 30px;
 }
 
 .pure-menu-separator {
@@ -78,7 +78,9 @@
     overflow: hidden;
 }
 
-.pure-menu-hidden { display: none; }
+.pure-menu-hidden {
+    display: none;
+}
 
 /* FIXED MENU */
 .pure-menu-fixed {

src/menus/css/menus.css

@@ -63,8 +63,8 @@
 .pure-menu .pure-menu-heading {
     color: #565d64;
     text-transform: uppercase;
-    font-size:90%;
-    margin-top:0.5em;
+    font-size: 90%;
+    margin-top: 0.5em;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #dfdfdf;