Skip to content
This repository
Browse code

box sizing yessss

  • Loading branch information...
commit 3729623f31929bbb2cb0166cff2c40b60e2cc4d5 1 parent e71cf82
Paul Irish authored

Showing 2 changed files with 17 additions and 2 deletions. Show diff stats Hide diff stats

  1. +3 1 css/stylesheet.css
  2. +14 1 index.html
4 css/stylesheet.css
@@ -240,6 +240,8 @@ dfn {
240 240
241 241 body {
242 242 background-color: #0c1021; /*was url(../img/texture.jpg)*/
  243 + overflow-x: hidden;
  244 +
243 245
244 246 }
245 247
@@ -255,7 +257,7 @@ body {
255 257 overflow: hidden;
256 258 padding: 20px;
257 259
258   - width: 400px;
  260 + width: 440px;
259 261 z-index: 2;
260 262 color: rgba(0, 0, 0, 0.6);
261 263 font-size: 16px;
15 index.html
@@ -25,7 +25,7 @@
25 25 <abbr title="Cascading Style Sheets Level 3">CSS3</abbr>, please!
26 26 </h1>
27 27 <p>
28   - This element will receive inline changes as you edit the CSS rules on the left. Enjoy!
  28 + This element will receive instant changes as you edit the CSS rules on the left. Enjoy!
29 29 </p>
30 30 </div>
31 31 <pre class="rule comment">/* <a class="off">[toggle styling]</a><span class="endcomment"> */</span></pre>
@@ -200,6 +200,18 @@
200 200
201 201
202 202
  203 +<div id="box_boxsizing" class="rule_wrapper">
  204 + <pre class="rule comment">/* <a class="cb">[to clipboard]</a> <span class="endcomment">*/</span></pre>
  205 + <pre class="rule">
  206 +* {
  207 + -webkit-box-sizing: <b g="0">border-box</b>; <span class="comment">/* <=iOS4, <= Android 2.3 <span class="endcomment">*/</span></span>
  208 + -moz-box-sizing: <b g="0">border-box</b>; <span class="comment">/* FF1+ <span class="endcomment">*/</span></span>
  209 + box-sizing: <b g="0">border-box</b>; <span class="comment">/* Chrome, IE8, Opera, Safari 5.1<span class="endcomment">*/</span></span>
  210 +}</pre>
  211 + <pre class="rule comment commentclose"><span class="comment">/* */</span></pre>
  212 +</div>
  213 +
  214 +
203 215 <div id="box_bgsize" class="rule_wrapper">
204 216 <pre class="rule comment">/* <a class="cb">[to clipboard]</a> <a class="off">[toggle rule off]</a> <span class="endcomment">*/</span></pre>
205 217 <pre class="rule">
@@ -340,6 +352,7 @@
340 352 /*
341 353 __Changelog__
342 354
  355 + 2012.03.02: Added <a href="http://paulirish.com/2012/box-sizing-border-box-ftw/">box-sizing</a>. Woo!
343 356 2012.01.21: Added transform scale and 3d transforms.(thx <a href="https://github.com/uxder">uxder</a>)
344 357 2012.01.19: Linear Gradient Syntax <a href="https://github.com/paulirish/css3please/issues/78">Updated</a>. (thx <a href="http://cssdeck.com">cssdeck</a> and <a href="https://github.com/uxder">uxder</a>!)
345 358 2012.01.14: Added <code>tab-size</code>. (Blame <a href="http://mathiasbynens.be/">Mathias</a> if anything breaks!)

0 comments on commit 3729623

Please sign in to comment.
Something went wrong with that request. Please try again.