third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-align-justify-stretch-with-orthogonal-flows.html - Issue 2869353002: [css-grid] Use "Ahem" instead of "ahem" on grid layout tests

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-align-justify-stretch-with-orthogonal-flows.html

Issue 2869353002: [css-grid] Use "Ahem" instead of "ahem" on grid layout tests (Closed)

Patch Set: Created 3 years, 7 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

« no previous file with comments | « third_party/WebKit/LayoutTests/TestExpectations ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-change-alignment-from-stretch.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <link href="resources/grid.css" rel="stylesheet">	2 <link href="resources/grid.css" rel="stylesheet">

3 <link href="resources/grid-alignment.css" rel="stylesheet">	3 <link href="resources/grid-alignment.css" rel="stylesheet">

4 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel ="stylesheet">	4 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel ="stylesheet">

5 <script src="../../resources/testharness.js"></script>	5 <script src="../../resources/testharness.js"></script>

6 <script src="../../resources/testharnessreport.js"></script>	6 <script src="../../resources/testharnessreport.js"></script>

7 <script src="../../resources/check-layout-th.js"></script>	7 <script src="../../resources/check-layout-th.js"></script>

8 <style>	8 <style>

9 body {	9 body {

10 margin: 0;	10 margin: 0;

11 }	11 }

12 .container {	12 .container {

13 position: relative;	13 position: relative;

14 }	14 }

15 .grid {	15 .grid {

16 grid-template-columns: 100px 100px;	16 grid-template-columns: 100px 100px;

17 grid-template-rows: 150px 150px;	17 grid-template-rows: 150px 150px;

18 font: 10px/1 ahem;	18 font: 10px/1 Ahem;

19 }	19 }

20 .widthAndHeightSet {	20 .widthAndHeightSet {

21 width: 20px;	21 width: 20px;

22 height: 40px;	22 height: 40px;

23 }	23 }

24 .onlyWidthSet { width: 20px; }	24 .onlyWidthSet { width: 20px; }

25 .onlyHeightSet { height: 40px; }	25 .onlyHeightSet { height: 40px; }

26 .maxHeight { max-height: 160px; }	26 .maxHeight { max-height: 160px; }

27 .maxWidth { max-width: 90px; }	27 .maxWidth { max-width: 90px; }

28 .minWidth { min-width: 120px; }	28 .minWidth { min-width: 120px; }

(...skipping 81 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
110 <div class="container">	110 <div class="container">

111 <div class="grid fit-content verticalLR" data-expected-width="300" data-expe cted-height="200">	111 <div class="grid fit-content verticalLR" data-expected-width="300" data-expe cted-height="200">

112 <div class="horizonalTB firstRowFirstColumn selfStretch bottomAutoMarg in " data-expected-width="150" data-expected-height="30">XXX</div>	112 <div class="horizonalTB firstRowFirstColumn selfStretch bottomAutoMarg in " data-expected-width="150" data-expected-height="30">XXX</div>

113 <div class="horizonalTB firstRowSecondColumn seffStretch leftAutoMargin " data-expected-width="10" data-expected-height="100">XXX</div>	113 <div class="horizonalTB firstRowSecondColumn seffStretch leftAutoMargin " data-expected-width="10" data-expected-height="100">XXX</div>

114 <div class="horizonalTB secondRowFirstColumn selffStretch topAutoMargin " data-expected-width="150" data-expected-height="30">XXX</div>	114 <div class="horizonalTB secondRowFirstColumn selffStretch topAutoMargin " data-expected-width="150" data-expected-height="30">XXX</div>

115 <div class="horizonalTB secondRowSecondColumn selffStretch rightAutoMarg in " data-expected-width="10" data-expected-height="100">XXX</div>	115 <div class="horizonalTB secondRowSecondColumn selffStretch rightAutoMarg in " data-expected-width="10" data-expected-height="100">XXX</div>

116 </div>	116 </div>

117 </div>	117 </div>

118	118

119 </body>	119 </body>

OLD	NEW