Permalink
Browse files

Prefixing consistency for box-sizing, box-shadow and border-radius pr…

…operties
  • Loading branch information...
1 parent d11b00f commit 6d30a6e25ff910efa09bf9841bab901fc021d36c @pepelsbey committed Jun 18, 2012
Showing with 16 additions and 6 deletions.
  1. +8 −6 css/kickstart-buttons.css
  2. +8 −0 css/kickstart.css
View
@@ -36,6 +36,8 @@ text-shadow:0 1px 0 #fff;
color:#666;
text-decoration:none;
vertical-align: middle;
+-webkit-box-sizing: border-box;
+-moz-box-sizing: border-box;
box-sizing: border-box;
display:inline-block;
*display:inline;/*IE ONLY*/
@@ -58,8 +60,8 @@ a.button:active,
a.button:visited:active,
input[type="submit"]:active,
input[type="reset"]:active,
-input[type="button"]:active{box-shadow:inset 0px 3px 5px rgba(0,0,0,0.2),inset 0px -10px 20px rgba(0,0,0,0.07);}
-button[disabled],.disabled:active{box-shadow:none;}
+input[type="button"]:active{-webkit-box-shadow:inset 0px 3px 5px rgba(0,0,0,0.2),inset 0px -10px 20px rgba(0,0,0,0.07);-moz-box-shadow:inset 0px 3px 5px rgba(0,0,0,0.2),inset 0px -10px 20px rgba(0,0,0,0.07);box-shadow:inset 0px 3px 5px rgba(0,0,0,0.2),inset 0px -10px 20px rgba(0,0,0,0.07);}
+button[disabled],.disabled:active{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
button,
input[type="submit"],
@@ -247,14 +249,14 @@ background:0;
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
}
- ul.button-bar li a:active{box-shadow:inset 0px 3px 5px rgba(0,0,0,0.2),inset 0px -10px 20px rgba(0,0,0,0.07);border-left:1px solid #ccc;}
+ ul.button-bar li a:active{-webkit-box-shadow:inset 0px 3px 5px rgba(0,0,0,0.2),inset 0px -10px 20px rgba(0,0,0,0.07);-moz-box-shadow:inset 0px 3px 5px rgba(0,0,0,0.2),inset 0px -10px 20px rgba(0,0,0,0.07);box-shadow:inset 0px 3px 5px rgba(0,0,0,0.2),inset 0px -10px 20px rgba(0,0,0,0.07);border-left:1px solid #ccc;}
/*---------------------------------
STYLES
-----------------------------------*/
-.pill{border-radius:200em;}
-.pop{box-shadow:0px 1px 5px rgba(0,0,0,0.2);}
-.inset{box-shadow:inset 0px 1px 3px rgba(0,0,0,0.3);}
+.pill{-webkit-border-radius:200em;-moz-border-radius:200em;border-radius:200em;}
+.pop{-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 5px rgba(0,0,0,0.2);box-shadow:0px 1px 5px rgba(0,0,0,0.2);}
+.inset{-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.3);box-shadow:inset 0px 1px 3px rgba(0,0,0,0.3);}
.square{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
/*---------------------------------
View
@@ -185,6 +185,8 @@ background:#fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
+-webkit-box-shadow:inset 0px 0px 7px rgba(0,0,0,0.2);
+-moz-box-shadow:inset 0px 0px 7px rgba(0,0,0,0.2);
box-shadow:inset 0px 0px 7px rgba(0,0,0,0.2);
padding:10px;
margin:0 0 20px 0;
@@ -262,6 +264,8 @@ float:left;
left:0;
line-height:100%;
background:#f5f5f5;
+ -webkit-box-shadow: inset 0px -3px 3px rgba(0,0,0,0.03);
+ -moz-box-shadow: inset 0px -3px 3px rgba(0,0,0,0.03);
box-shadow: inset 0px -3px 3px rgba(0,0,0,0.03);
border:1px solid #e5e5e5;
border-bottom:0;
@@ -278,6 +282,8 @@ float:left;
top:1px;
left:0;
background:#fff;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
box-shadow: none;
color:#222;
}
@@ -586,6 +592,8 @@ border:1px solid #ccc;
margin:0;
padding:0;
overflow: hidden;
+-webkit-box-sizing: border-box;
+-moz-box-sizing: border-box;
box-sizing: border-box;
}

0 comments on commit 6d30a6e

Please sign in to comment.