| Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-baseline-margins-expected.html
|
| diff --git a/third_party/WebKit/LayoutTests/css3/flexbox/flexbox-baseline-margins.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-baseline-margins-expected.html
|
| similarity index 81%
|
| copy from third_party/WebKit/LayoutTests/css3/flexbox/flexbox-baseline-margins.html
|
| copy to third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-baseline-margins-expected.html
|
| index ffbd357284abf9d4b19b206f2fa067db818d2e20..67de7c0229ac43a52b7021404c9e33af6c4c851b 100644
|
| --- a/third_party/WebKit/LayoutTests/css3/flexbox/flexbox-baseline-margins.html
|
| +++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-baseline-margins-expected.html
|
| @@ -1,36 +1,28 @@
|
| <!DOCTYPE html>
|
| -<html>
|
| -<head>
|
| -<link href="resources/flexbox.css" rel="stylesheet">
|
| <style>
|
| -.flexbox, .inline-flexbox {
|
| - background-color: lightgrey;
|
| +.flexbox {
|
| + display: -webkit-flex;
|
| + display: flex;
|
| }
|
| -
|
| -.inline-block {
|
| - display: inline-block;
|
| +.inline-flexbox {
|
| + display: -webkit-inline-flex;
|
| + display: inline-flex;
|
| }
|
| -
|
| -.border {
|
| - border: 11px solid pink;
|
| +.flex-one {
|
| + -webkit-flex: 1;
|
| + flex: 1;
|
| }
|
| -
|
| -.padding {
|
| - padding: 13px;
|
| -}
|
| -
|
| -.margin {
|
| - margin: 8px 0;
|
| -}
|
| -
|
| +.inline-block { display: inline-block; }
|
| +.flexbox, .inline-flexbox { background-color: lightgrey; }
|
| +.border { border: 11px solid pink; }
|
| +.padding { padding: 13px; }
|
| +.margin { margin: 8px 0; }
|
| .flexbox > div {
|
| min-width: 0;
|
| min-height: 0;
|
| }
|
| </style>
|
| -</head>
|
| -<body>
|
| -
|
| +<p>This test ensures that Baseline Alignment works for 1-dimensional Grid like in Flexible Box, even using margins, paddings and borders.</p>
|
| <div>
|
| before text
|
| <div class="border" style="display: inline-block; background-color: lightgrey">
|
| @@ -97,6 +89,3 @@ Should align 10px above the
|
| </div>
|
| horizontal scrollbar, if one is visible.
|
| </div>
|
| -
|
| -</body>
|
| -</html>
|
|
|