Skip to content

Commit 270fe3b

Browse files
svgeesussvgeesus
committed
Test "same as" statements in Deprecated System Colors
1 parent 0cc0ea7 commit 270fe3b

28 files changed

Lines changed: 487 additions & 0 deletions

‎css/css-color/deprecated-sameas-001.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Color 4: deprecated system colors</title>
4+
<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
5+
<link rel="help" href="https://drafts.csswg.org/css-color-4/#deprecated-system-colors">
6+
<link rel="match" href="deprecated-sameas-ButtonBorder-ref.html">
7+
<meta name="assert" content="Same as ButtonBorder">
8+
<style>
9+
.test { background-color: red; width: 12em; height: 6em; }
10+
.ref { background-color: ButtonBorder; width: 12em; height: 6em; }
11+
@supports (color: ActiveBorder) {
12+
.test { background-color: ActiveBorder; }
13+
}
14+
</style>
15+
<body>
16+
<p>Test passes if you see a square, not two rectangles of different colors; and no red.</p>
17+
<div class="test"></div>
18+
<div class="ref"></div>
19+
</body>

‎css/css-color/deprecated-sameas-002.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Color 4: deprecated system colors</title>
4+
<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
5+
<link rel="help" href="https://drafts.csswg.org/css-color-4/#deprecated-system-colors">
6+
<link rel="match" href="deprecated-sameas-CanvasText-ref.html">
7+
<meta name="assert" content="Same as CanvasText">
8+
<style>
9+
.test { background-color: red; width: 12em; height: 6em; }
10+
.ref { background-color: CanvasText; width: 12em; height: 6em; }
11+
@supports (color: ActiveCaption) {
12+
.test { background-color: ActiveCaption; }
13+
}
14+
</style>
15+
<body>
16+
<p>Test passes if you see a square, not two rectangles of different colors; and no red.</p>
17+
<div class="test"></div>
18+
<div class="ref"></div>
19+
</body>

‎css/css-color/deprecated-sameas-003.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Color 4: deprecated system colors</title>
4+
<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
5+
<link rel="help" href="https://drafts.csswg.org/css-color-4/#deprecated-system-colors">
6+
<link rel="match" href="deprecated-sameas-Canvas-ref.html">
7+
<meta name="assert" content="Same as Canvas.">
8+
<style>
9+
.test { background-color: red; width: 12em; height: 6em; }
10+
.ref { background-color: Canvas; width: 12em; height: 6em; }
11+
@supports (color: AppWorkspace) {
12+
.test { background-color: AppWorkspace; }
13+
}
14+
</style>
15+
<body>
16+
<p>Test passes if you see a square, not two rectangles of different colors; and no red.</p>
17+
<div class="test"></div>
18+
<div class="ref"></div>
19+
</body>

‎css/css-color/deprecated-sameas-004.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Color 4: deprecated system colors</title>
4+
<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
5+
<link rel="help" href="https://drafts.csswg.org/css-color-4/#deprecated-system-colors">
6+
<link rel="match" href="deprecated-sameas-Canvas-ref.html">
7+
<meta name="assert" content="Same as Canvas. ">
8+
<style>
9+
.test { background-color: red; width: 12em; height: 6em; }
10+
.ref { background-color: Canvas; width: 12em; height: 6em; }
11+
@supports (color: Background) {
12+
.test { background-color: Background; }
13+
}
14+
</style>
15+
<body>
16+
<p>Test passes if you see a square, not two rectangles of different colors; and no red.</p>
17+
<div class="test"></div>
18+
<div class="ref"></div>
19+
</body>

‎css/css-color/deprecated-sameas-005.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Color 4: deprecated system colors</title>
4+
<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
5+
<link rel="help" href="https://drafts.csswg.org/css-color-4/#deprecated-system-colors">
6+
<link rel="match" href="deprecated-sameas-ButtonFace-ref.html">
7+
<meta name="assert" content="Same as ButtonFace. ">
8+
<style>
9+
.test { background-color: red; width: 12em; height: 6em; }
10+
.ref { background-color: ButtonFace; width: 12em; height: 6em; }
11+
@supports (color: ButtonHighlight) {
12+
.test { background-color: ButtonHighlight; }
13+
}
14+
</style>
15+
<body>
16+
<p>Test passes if you see a square, not two rectangles of different colors; and no red.</p>
17+
<div class="test"></div>
18+
<div class="ref"></div>
19+
</body>

‎css/css-color/deprecated-sameas-006.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Color 4: deprecated system colors</title>
4+
<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
5+
<link rel="help" href="https://drafts.csswg.org/css-color-4/#deprecated-system-colors">
6+
<link rel="match" href="deprecated-sameas-ButtonFace-ref.html">
7+
<meta name="assert" content="Same as ButtonFace. ">
8+
<style>
9+
.test { background-color: red; width: 12em; height: 6em; }
10+
.ref { background-color: ButtonFace; width: 12em; height: 6em; }
11+
@supports (color: ButtonShadow) {
12+
.test { background-color: ButtonShadow; }
13+
}
14+
</style>
15+
<body>
16+
<p>Test passes if you see a square, not two rectangles of different colors; and no red.</p>
17+
<div class="test"></div>
18+
<div class="ref"></div>
19+
</body>

‎css/css-color/deprecated-sameas-007.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Color 4: deprecated system colors</title>
4+
<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
5+
<link rel="help" href="https://drafts.csswg.org/css-color-4/#deprecated-system-colors">
6+
<link rel="match" href="deprecated-sameas-CanvasText-ref.html">
7+
<meta name="assert" content="Same as CanvasText. ">
8+
<style>
9+
.test { background-color: red; width: 12em; height: 6em; }
10+
.ref { background-color: CanvasText; width: 12em; height: 6em; }
11+
@supports (color: CaptionText) {
12+
.test { background-color: CaptionText; }
13+
}
14+
</style>
15+
<body>
16+
<p>Test passes if you see a square, not two rectangles of different colors; and no red.</p>
17+
<div class="test"></div>
18+
<div class="ref"></div>
19+
</body>

‎css/css-color/deprecated-sameas-008.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Color 4: deprecated system colors</title>
4+
<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
5+
<link rel="help" href="https://drafts.csswg.org/css-color-4/#deprecated-system-colors">
6+
<link rel="match" href="deprecated-sameas-ButtonBorder-ref.html">
7+
<meta name="assert" content="Same as ButtonBorder. ">
8+
<style>
9+
.test { background-color: red; width: 12em; height: 6em; }
10+
.ref { background-color: ButtonBorder; width: 12em; height: 6em; }
11+
@supports (color: InactiveBorder) {
12+
.test { background-color: InactiveBorder; }
13+
}
14+
</style>
15+
<body>
16+
<p>Test passes if you see a square, not two rectangles of different colors; and no red.</p>
17+
<div class="test"></div>
18+
<div class="ref"></div>
19+
</body>

‎css/css-color/deprecated-sameas-009.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Color 4: deprecated system colors</title>
4+
<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
5+
<link rel="help" href="https://drafts.csswg.org/css-color-4/#deprecated-system-colors">
6+
<link rel="match" href="deprecated-sameas-Canvas-ref.html">
7+
<meta name="assert" content="Same as Canvas. ">
8+
<style>
9+
.test { background-color: red; width: 12em; height: 6em; }
10+
.ref { background-color: Canvas; width: 12em; height: 6em; }
11+
@supports (color: InactiveCaption) {
12+
.test { background-color: InactiveCaption; }
13+
}
14+
</style>
15+
<body>
16+
<p>Test passes if you see a square, not two rectangles of different colors; and no red.</p>
17+
<div class="test"></div>
18+
<div class="ref"></div>
19+
</body>

‎css/css-color/deprecated-sameas-010.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Color 4: deprecated system colors</title>
4+
<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
5+
<link rel="help" href="https://drafts.csswg.org/css-color-4/#deprecated-system-colors">
6+
<link rel="match" href="deprecated-sameas-GrayText-ref.html">
7+
<meta name="assert" content="Same as GrayText. ">
8+
<style>
9+
.test { background-color: red; width: 12em; height: 6em; }
10+
.ref { background-color: GrayText; width: 12em; height: 6em; }
11+
@supports (color: InactiveCaptionText) {
12+
.test { background-color: InactiveCaptionText; }
13+
}
14+
</style>
15+
<body>
16+
<p>Test passes if you see a square, not two rectangles of different colors; and no red.</p>
17+
<div class="test"></div>
18+
<div class="ref"></div>
19+
</body>

0 commit comments

Comments
 (0)