Permalink
Browse files

adding @beverloo's suggested text for calc. fixes #192

  • Loading branch information...
1 parent 6db9586 commit 1b5a7234614c01f9f37fc41289d663cae46c5705 @paulirish paulirish committed Aug 11, 2012
Showing with 8 additions and 0 deletions.
  1. +8 −0 posts/calc.md
View
8 posts/calc.md
@@ -5,3 +5,11 @@ kind: css
polyfillurls:
Internet Explorer, Chrome and Firefox are the only supporting browsers, which makes using calc() in production tedious given the impact it can have on layout and the consequent breaking of your design on unsupported browsers. We encourage you to use it for experimentation and always use a fallback declaration, so it doesn't break browsers which don't support it.
+
+For now, `calc()` must always be used after a fallback declaration, so it doesn't break browsers which don't support it.
+
+ width: 500px; /** older browsers **/
+ width: -webkit-calc(50% - 20px); /** Chrome / Safari **/
+ width: -moz-calc(50% - 20px); /** Mozilla Firefox **/
+ width: -o-calc(50% - 20px); /** could be calc(), no idea about Opera's plans **/
+ width: calc(50% - 20px); /** IE and future other browsers **/

0 comments on commit 1b5a723

Please sign in to comment.