diff options
| author | John Ahlroos <john@vaadin.com> | 2013-11-20 14:26:40 +0200 |
|---|---|---|
| committer | John Ahlroos <john@vaadin.com> | 2013-11-20 14:27:09 +0200 |
| commit | e3b1e6be389cbe48d1782723adf1595edbd10ea2 (patch) | |
| tree | 61dbd2fac407f0b6657863d100d6b1f09e67e356 /theme-compiler/tests/resources/w3ctests/scss/background-intrinsic-005.0.scss | |
| parent | 96de019ea4ee5536dab87d1f04d4cb94ae71371d (diff) | |
| parent | dd7e6fee8c4717df59699f04f7e72a6f2e92008f (diff) | |
| download | vaadin-framework-e3b1e6be389cbe48d1782723adf1595edbd10ea2.tar.gz vaadin-framework-e3b1e6be389cbe48d1782723adf1595edbd10ea2.zip | |
Merge branch 'master' into grid
Change-Id: I9f669ec38c39a42d1ef2a25121b77aab31551863
Diffstat (limited to 'theme-compiler/tests/resources/w3ctests/scss/background-intrinsic-005.0.scss')
| -rw-r--r-- | theme-compiler/tests/resources/w3ctests/scss/background-intrinsic-005.0.scss | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/theme-compiler/tests/resources/w3ctests/scss/background-intrinsic-005.0.scss b/theme-compiler/tests/resources/w3ctests/scss/background-intrinsic-005.0.scss new file mode 100644 index 0000000000..cc0e002964 --- /dev/null +++ b/theme-compiler/tests/resources/w3ctests/scss/background-intrinsic-005.0.scss @@ -0,0 +1,45 @@ +/* Source: http://test.csswg.org/suites/css2.1/20110323/html4/background-intrinsic-005.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-ratio-landscape.svg); + } + .limit .test { + background: no-repeat url(support/red-intrinsic-ratio-landscape.svg); + } + .cover .control { + height: 53px; + } + .limit .control { + height: 54px; + } + |