LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set.html - Issue 23472008: [CSS Grid Layout] Support calc() breadth track size

Side by Side Diff: LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set.html

Issue 23472008: [CSS Grid Layout] Support calc() breadth track size (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@103761-wk

Patch Set: Patch for landing Created 7 years, 1 month ago

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

Jump to:

View unified diff | Download patch

« no previous file with comments | « LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-multiple-expected.txt ('k') | LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set-expected.txt » ('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 PUBLIC "-//IETF//DTD HTML//EN">	1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">

2 <html>	2 <html>

3 <head>	3 <head>

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

5 <style>	5 <style>

6 .gridWithNone {	6 .gridWithNone {

7 grid-definition-columns: none;	7 grid-definition-columns: none;

8 grid-definition-rows: none;	8 grid-definition-rows: none;

9 }	9 }

10 .gridWithFixed {	10 .gridWithFixed {

(...skipping 34 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
45 grid-definition-rows: min-content;	45 grid-definition-rows: min-content;

46 }	46 }

47 .gridWithMaxContent {	47 .gridWithMaxContent {

48 grid-definition-columns: max-content;	48 grid-definition-columns: max-content;

49 grid-definition-rows: max-content;	49 grid-definition-rows: max-content;

50 }	50 }

51 .gridWithFraction {	51 .gridWithFraction {

52 grid-definition-columns: 1fr;	52 grid-definition-columns: 1fr;

53 grid-definition-rows: 2fr;	53 grid-definition-rows: 2fr;

54 }	54 }

	55 .gridWithCalc {

	56 grid-definition-columns: calc(150px);

	57 grid-definition-rows: calc(75px);

	58 }

	59 .gridWithCalcComplex {

	60 grid-definition-columns: calc(50% + 150px);

	61 grid-definition-rows: calc(65% + 75px);

	62 }

	63 .gridWithCalcInsideMinMax {

	64 grid-definition-columns: minmax(10%, calc(15px));

	65 grid-definition-rows: minmax(calc(20px), 50%);

	66 }

	67 .gridWithCalcComplexInsideMinMax {

	68 grid-definition-columns: minmax(10%, calc(50% + 15px));

	69 grid-definition-rows: minmax(calc(20px + 10%), 50%);

	70 }

55 </style>	71 </style>

56 <script src="../../resources/js-test.js"></script>	72 <script src="../../resources/js-test.js"></script>

57 </head>	73 </head>

58 <body>	74 <body>

59 <div class="gridWithNone" id="gridWithNoneElement"></div>	75 <div class="gridWithNone" id="gridWithNoneElement"></div>

60 <div class="gridWithFixed" id="gridWithFixedElement"></div>	76 <div class="gridWithFixed" id="gridWithFixedElement"></div>

61 <div class="gridWithPercent" id="gridWithPercentElement"></div>	77 <div class="gridWithPercent" id="gridWithPercentElement"></div>

62 <div class="gridWithAuto" id="gridWithAutoElement"></div>	78 <div class="gridWithAuto" id="gridWithAutoElement"></div>

63 <div class="gridWithEM" id="gridWithEMElement"></div>	79 <div class="gridWithEM" id="gridWithEMElement"></div>

64 <div class="gridWithViewPortPercentage" id="gridWithViewPortPercentageElement">< /div>	80 <div class="gridWithViewPortPercentage" id="gridWithViewPortPercentageElement">< /div>

65 <div class="gridWithFitContent" id="gridWithFitContentElement"></div>	81 <div class="gridWithFitContent" id="gridWithFitContentElement"></div>

66 <div class="gridWithFitAvailable" id="gridWithFitAvailableElement"></div>	82 <div class="gridWithFitAvailable" id="gridWithFitAvailableElement"></div>

67 <div class="gridWithMinMax" id="gridWithMinMax"></div>	83 <div class="gridWithMinMax" id="gridWithMinMax"></div>

68 <div class="gridWithMinContent" id="gridWithMinContent"></div>	84 <div class="gridWithMinContent" id="gridWithMinContent"></div>

69 <div class="gridWithMaxContent" id="gridWithMaxContent"></div>	85 <div class="gridWithMaxContent" id="gridWithMaxContent"></div>

70 <div class="gridWithFraction" id="gridWithFraction"></div>	86 <div class="gridWithFraction" id="gridWithFraction"></div>

	87 <div class="gridWithCalc" id="gridWithCalc"></div>

	88 <div class="gridWithCalcComplex" id="gridWithCalcComplex"></div>

	89 <div class="gridWithCalcInsideMinMax" id="gridWithCalcInsideMinMax"></div>

	90 <div class="gridWithCalcComplexInsideMinMax" id="gridWithCalcComplexInsideMinMax "></div>

71 <script src="resources/grid-definitions-parsing-utils.js"></script>	91 <script src="resources/grid-definitions-parsing-utils.js"></script>

72 <script src="resources/non-grid-columns-rows-get-set.js"></script>	92 <script src="resources/non-grid-columns-rows-get-set.js"></script>

73 </body>	93 </body>

74 </html>	94 </html>

OLD	NEW