Commit b792b260 authored by Miyoung Shin's avatar Miyoung Shin Committed by Commit Bot

[css-grid] Migrate grid-baseline-margins-1.html to WPT

CL migrates grid-baseline-margins-1.html to
external/wpt/css/css-grid/alignment, adding links to the relevant
specs and a test assertion describing its purpose, renaming it to
grid-baseline-002.html.

BUG=1063749, 767015

Change-Id: I704b393b1c257c9a79b70903014f13fc5cf54039
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2143188
Commit-Queue: Miyoung Shin <myid.shin@igalia.com>
Reviewed-by: default avatarManuel Rego <rego@igalia.com>
Reviewed-by: default avatarJavier Fernandez <jfernandez@igalia.com>
Cr-Commit-Position: refs/heads/master@{#759560}
parent 9373f79e
<!DOCTYPE html>
<link href="resources/grid.css" rel="stylesheet">
<title>CSS Grid: Grid container baseline</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#grid-baselines">
<link rel="help" href="https://crbug.com/234191">
<link rel="match" href="references/grid-baseline-002-ref.html">
<meta name="assert" content="Check that Baseline Alignment works for 1-dimensional Grid like in Flexible Box, even using margins, paddings and borders."/>
<link href="/css/support/grid.css" rel="stylesheet">
<style>
.inline-block { display: inline-block; }
.grid, .inline-grid {
......@@ -10,7 +17,6 @@
.padding { padding: 13px; }
.margin { margin: 8px 0; }
</style>
<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">
......
<!DOCTYPE html>
<style>
.flexbox {
display: -webkit-flex;
display: flex;
}
.inline-flexbox {
display: -webkit-inline-flex;
display: inline-flex;
}
.flex-one {
-webkit-flex: 1;
flex: 1;
}
.inline-block { display: inline-block; }
......@@ -22,7 +19,6 @@
min-height: 0;
}
</style>
<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">
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment