diff options
Diffstat (limited to 'testing/web-platform/tests/css')
-rw-r--r-- | testing/web-platform/tests/css/css-flexbox/table-item-flex-percentage-width-ref.html | 140 | ||||
-rw-r--r-- | testing/web-platform/tests/css/css-flexbox/table-item-flex-percentage-width.html | 144 |
2 files changed, 0 insertions, 284 deletions
diff --git a/testing/web-platform/tests/css/css-flexbox/table-item-flex-percentage-width-ref.html b/testing/web-platform/tests/css/css-flexbox/table-item-flex-percentage-width-ref.html deleted file mode 100644 index e598475fd..000000000 --- a/testing/web-platform/tests/css/css-flexbox/table-item-flex-percentage-width-ref.html +++ /dev/null @@ -1,140 +0,0 @@ -<!doctype html> -<title>Reference: display:table flex items with flex-shrink/flex-grow/flex-basis</title> -<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1673006"> -<link rel="stylesheet" href="/fonts/ahem.css"> -<style> - html,body { - color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0; - } - - .container { - display: flex; - width: 180px; - border: 1px solid blue; - } - - .container > * { - background-color: cyan; - display: block; - } - .test1 > * { - flex-shrink: 0; - width: 100%; - } - .test2 > * { - flex-shrink: 0; - width: 50%; - } - .test3 > * { - flex-shrink: 0.5; - width: 50%; - } - .test4 > * { - flex-grow: 0.1; - width: 50%; - } - .test5 > * { - flex-shrink: 0.2; - flex-grow: 0.5; - width: 10%; - } - .base > * { - flex-basis: 100px; - } - .large-base { - width: 100px; - } - .large-base > * { - flex-basis: 200px; - } -</style> - -<div class="container test1"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test2"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test3"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test4"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test5"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test1 base"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test2 base"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test3 base"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test4 base"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test5 base"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test1 large-base"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test2 large-base"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test3 large-base"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test4 large-base"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test5 large-base"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> diff --git a/testing/web-platform/tests/css/css-flexbox/table-item-flex-percentage-width.html b/testing/web-platform/tests/css/css-flexbox/table-item-flex-percentage-width.html deleted file mode 100644 index f21b5f0c6..000000000 --- a/testing/web-platform/tests/css/css-flexbox/table-item-flex-percentage-width.html +++ /dev/null @@ -1,144 +0,0 @@ -<!doctype html> -<title>Flexbox Test: display:table flex items with flex-shrink/flex-grow/flex-basis</title> -<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1673006"> -<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-property"> -<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1673006"> -<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1454330"> -<link rel="match" href="table-item-flex-percentage-width-ref.html"> -<link rel="stylesheet" href="/fonts/ahem.css"> -<style> - html,body { - color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0; - } - - .container { - display: flex; - width: 180px; - border: 1px solid blue; - } - - .container > * { - background-color: cyan; - display: table; - } - .test1 > * { - flex-shrink: 0; - width: 100%; - } - .test2 > * { - flex-shrink: 0; - width: 50%; - } - .test3 > * { - flex-shrink: 0.5; - width: 50%; - } - .test4 > * { - flex-grow: 0.1; - width: 50%; - } - .test5 > * { - flex-shrink: 0.2; - flex-grow: 0.5; - width: 10%; - } - .base > * { - flex-basis: 100px; - } - .large-base { - width: 100px; - } - .large-base > * { - flex-basis: 200px; - } -</style> - -<div class="container test1"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test2"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test3"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test4"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test5"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test1 base"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test2 base"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test3 base"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test4 base"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test5 base"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test1 large-base"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test2 large-base"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test3 large-base"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test4 large-base"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> - -<div class="container test5 large-base"> - <div>1</div> - <div>2</div> - <div>3</div> -</div> |