aboutsummaryrefslogtreecommitdiffstats
path: root/theme-compiler/tests/resources/w3ctests/scss/background-intrinsic-002.0.scss
diff options
context:
space:
mode:
Diffstat (limited to 'theme-compiler/tests/resources/w3ctests/scss/background-intrinsic-002.0.scss')
-rw-r--r--theme-compiler/tests/resources/w3ctests/scss/background-intrinsic-002.0.scss42
1 files changed, 42 insertions, 0 deletions
diff --git a/theme-compiler/tests/resources/w3ctests/scss/background-intrinsic-002.0.scss b/theme-compiler/tests/resources/w3ctests/scss/background-intrinsic-002.0.scss
new file mode 100644
index 0000000000..849421d055
--- /dev/null
+++ b/theme-compiler/tests/resources/w3ctests/scss/background-intrinsic-002.0.scss
@@ -0,0 +1,42 @@
+/* Source: http://test.csswg.org/suites/css2.1/20110323/html4/background-intrinsic-002.htm */
+
+ /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */
+ div {
+ position: relative;
+ }
+ .cover, .limit {
+ width: 120px;
+ height: 120px;
+ margin: 0.5em;
+ background: green; /* Used to match reference; remove for debugging. */
+ }
+ .control {
+ position: absolute;
+ top: 10px; bottom: 10px;
+ left: 10px; right: 30px;
+ }
+ .cover .control {
+ background: red;
+ }
+ .limit .control {
+ background: green;
+ }
+ .test {
+ /* 80x100 bgpos area */
+ height: 80px;
+ width: 60px;
+ padding: 10px;
+ border: 10px solid transparent;
+ }
+
+ /* Test */
+ .cover .test {
+ background: no-repeat url(support/green-intrinsic-width.svg);
+ }
+ .limit .test {
+ background: no-repeat url(support/red-intrinsic-width.svg);
+ }
+ .control {
+ width: 60px;
+ }
+