Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
  • 3 commits
  • 5 files changed
  • 0 comments
  • 1 contributor
36 test/catchup.css
@@ -9,11 +9,6 @@
9 9 *zoom: 1;
10 10 padding: 10px;
11 11 }
12   -#css3-border-radius div {
13   - width: 100px;
14   - height: 100px;
15   - margin-bottom: 20px;
16   -}
17 12 #css3-border-radius .test-1 {
18 13 -webkit-border-radius: 20px;
19 14 -moz-border-radius: 20px;
@@ -24,3 +19,34 @@
24 19 -moz-border-radius: 40px 0 0 0;
25 20 border-radius: 40px 0 0 0;
26 21 }
  22 +#css3-box-shadow .test-1 {
  23 + -webkit-box-shadow: 0 0 20px #ff0000;
  24 + -moz-box-shadow: 0 0 20px #ff0000;
  25 + box-shadow: 0 0 20px #ff0000;
  26 +}
  27 +#css3-box-shadow .test-2 {
  28 + -webkit-box-shadow: inset 0 0 20px #ff0000;
  29 + -moz-box-shadow: inset 0 0 20px #ff0000;
  30 + box-shadow: inset 0 0 20px #ff0000;
  31 +}
  32 +#css3-box-shadow .test-3 {
  33 + -webkit-box-shadow: 0 0 20px #ff0000, inset 0 0 20px #0000ff;
  34 + -moz-box-shadow: 0 0 20px #ff0000, inset 0 0 20px #0000ff;
  35 + box-shadow: 0 0 20px #ff0000, inset 0 0 20px #0000ff;
  36 +}
  37 +#css3-box-sizing .control-1,
  38 +#css3-box-sizing .test-1 {
  39 + height: 40px;
  40 + border-width: 2px;
  41 +}
  42 +#css3-box-sizing .control-1 {
  43 + width: 296px;
  44 +}
  45 +#css3-box-sizing .test-1 {
  46 + width: 300px;
  47 + padding-left: 40px;
  48 + padding-right: 40px;
  49 + -webkit-box-sizing: border-box;
  50 + -moz-box-sizing: border-box;
  51 + box-sizing: border-box;
  52 +}
40 test/catchup.html
@@ -31,10 +31,15 @@
31 31 h2 {
32 32 margin: 0 0 10px 0;
33 33 }
34   - .test-box {
  34 + .test-highlight {
35 35 background-color: #ffc;
36 36 border: 2px solid #cc0;
37 37 }
  38 + .test-box {
  39 + width: 100px;
  40 + height: 100px;
  41 + margin-bottom: 20px;
  42 + }
38 43 </style>
39 44
40 45 </head>
@@ -53,9 +58,9 @@
53 58 </p>
54 59
55 60 <ul>
56   - <li class="test-box">LI</li>
57   - <li class="test-box">LI</li>
58   - <li class="test-box">LI</li>
  61 + <li class="test-highlight">LI</li>
  62 + <li class="test-highlight">LI</li>
  63 + <li class="test-highlight">LI</li>
59 64 </ul>
60 65
61 66 </div>
@@ -66,16 +71,16 @@
66 71 <h2><a href="#css3-border-radius">css3/border-radius</a></h2>
67 72
68 73 <p class="expected">
69   - The box below has a border-radius on all four sides in supported browsers.
  74 + The box below has a border-radius on all four sides.
70 75 </p>
71 76
72   - <div class="test-box test-1"></div>
  77 + <div class="test-highlight test-box test-1"></div>
73 78
74 79 <p class="expected">
75 80 The box below has a border-radius on only the top-left corner.
76 81 </p>
77 82
78   - <div class="test-box test-2"></div>
  83 + <div class="test-highlight test-box test-2"></div>
79 84
80 85 </div>
81 86
@@ -85,9 +90,23 @@
85 90 <h2><a href="#css3-box-shadow">css3/box-shadow</a></h2>
86 91
87 92 <p class="expected">
88   - What's expected.
  93 + The box below has a red outset shadow.
  94 + </p>
  95 +
  96 + <div class="test-highlight test-box test-1"></div>
  97 +
  98 + <p class="expected">
  99 + The box below has a red inset shadow.
89 100 </p>
90 101
  102 + <div class="test-highlight test-box test-2"></div>
  103 +
  104 + <p class="expected">
  105 + The box below has a red outset shadow and a blue inset shadow.
  106 + </p>
  107 +
  108 + <div class="test-highlight test-box test-3"></div>
  109 +
91 110 </div>
92 111
93 112
@@ -96,9 +115,12 @@
96 115 <h2><a href="#css3-box-sizing">css3/box-sizing</a></h2>
97 116
98 117 <p class="expected">
99   - What's expected.
  118 + The two boxes below have the same width.
100 119 </p>
101 120
  121 + <div class="test-highlight test-box control-1"></div>
  122 + <div class="test-highlight test-box test-1"></div>
  123 +
102 124 </div>
103 125
104 126
7 test/css3/border-radius.less
... ... @@ -1,13 +1,6 @@
1 1
2 2 #css3-border-radius {
3 3
4   - // Setup
5   - div {
6   - width: 100px;
7   - height: 100px;
8   - margin-bottom: 20px;
9   - }
10   -
11 4 // Tests
12 5 .test-1 {
13 6 .border-radius(20px);
12 test/css3/box-shadow.less
... ... @@ -1,6 +1,16 @@
1 1
2 2 #css3-box-shadow {
3 3
4   -
  4 + // Tests
  5 + .test-1 {
  6 + .box-shadow(0 0 20px #f00);
  7 + }
  8 + .test-2 {
  9 + .box-shadow(inset 0 0 20px #f00);
  10 + }
  11 + .test-3 {
  12 + @shadows: 0 0 20px #f00, inset 0 0 20px #00f;
  13 + .box-shadow(@shadows);
  14 + }
5 15
6 16 }
15 test/css3/box-sizing.less
... ... @@ -1,6 +1,19 @@
1 1
2 2 #css3-box-sizing {
3 3
4   -
  4 + // Tests
  5 + .control-1, .test-1 {
  6 + height: 40px;
  7 + border-width: 2px; // just to be sure
  8 + }
  9 + .control-1 {
  10 + width: 296px; // to compensate for border
  11 + }
  12 + .test-1 {
  13 + width: 300px;
  14 + padding-left: 40px;
  15 + padding-right: 40px;
  16 + .box-sizing(border-box);
  17 + }
5 18
6 19 }

No commit comments for this range

Something went wrong with that request. Please try again.