Skip to content

Commit 0a5491f

Browse files
committed
[css-sizing-4][css-grid-2] Rename ar unit to tr. #3225
1 parent 3a15ccb commit 0a5491f

File tree

2 files changed

+23
-14
lines changed

2 files changed

+23
-14
lines changed

css-grid-2/Overview.bs

Lines changed: 16 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -693,14 +693,14 @@ Aspect-ratio&ndash;controlled Gutters</h2>
693693

694694
<pre class="propdef">
695695
Name: align-content, justify-content
696-
New values: [ <<aspect-ratio>> <<content-distribution>>? ]
696+
New values: [ <<transfer-ratio>> <<content-distribution>>? ]
697697
</pre>
698698

699699

700700
<dl dfn-for="align-content,justify-content" dfn-type=value>
701-
<dt><dfn>&lt;aspect-ratio></dfn>
701+
<dt><dfn>&lt;transfer-ratio></dfn>
702702
<dd>
703-
A <a spec="css-values">dimension</a> with the unit ''ar'',
703+
A <a spec="css-values">dimension</a> with the unit ''tr'',
704704
representing a multiplier against the analogous quantity
705705
in the other dimension.
706706
If that quantity cannot be determined
@@ -711,7 +711,7 @@ Aspect-ratio&ndash;controlled Gutters</h2>
711711
even when there is no free space left,
712712
causing overflow.
713713

714-
Specifically, an 'align-content' value of ''1ar'' represents
714+
Specifically, an 'align-content' value of ''1tr'' represents
715715
the amount of space (which may be zero) allocated between two adjacent
716716
<a>alignment subjects</a> (<a>grid tracks</a> / <a>flex lines</a> / <a spec="css-multicol">column boxes</a>)
717717
by the 'justify-content' property.
@@ -720,7 +720,7 @@ Aspect-ratio&ndash;controlled Gutters</h2>
720720
as for 'justify-content'.
721721
The behavior of <<number>> values for 'justify-content' is analogous.
722722

723-
Note: The space allocated by ''align-content: 1ar'' will be zero
723+
Note: The space allocated by ''align-content: 1tr'' will be zero
724724
if 'justify-content' does not allocate space
725725
between adjacent <a>alignment subjects</a>:
726726
either due to not having a <<content-distribution>> value
@@ -750,7 +750,7 @@ Aspect-ratio&ndash;controlled Gutters</h2>
750750
grid-template-columns: repeat(auto-fill, 15em);
751751
gap: 1em;
752752
justify-content: space-evenly;
753-
align-content: 1ar space-between;
753+
align-content: 1tr space-between;
754754
}
755755
</pre>
756756

@@ -762,14 +762,23 @@ Aspect-ratio&ndash;controlled Gutters</h2>
762762
grid-template-columns: repeat(auto-fill, 15em);
763763
gap: 1em 1.618em;
764764
justify-content: space-evenly;
765-
align-content: 0.618ar space-between;
765+
align-content: 0.618tr space-between;
766766
}
767767
</pre>
768768
</div>
769769

770770
<h2 id="changes">
771771
Changes</h2>
772772

773+
<h3 class="no-num" id="changes-20180904">
774+
Changes since the
775+
<a href="https://www.w3.org/TR/2018/WD-css-grid-2-20180804/">August 2018
776+
CSS Grid Layout Level 2 Working Draft</a></h3>
777+
778+
<ul>
779+
<li>Renamed ''ar'' unit to ''tr''.
780+
</ul>
781+
773782
<h3 class="no-num" id="changes-20180628">
774783
Changes since the
775784
<a href="https://www.w3.org/TR/2018/WD-css-grid-2-20180628/">June 2018

css-sizing-4/Overview.bs

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -200,19 +200,19 @@ Aspect Ratio Limits Option A: the ''from-ratio''</h3>
200200
</div>
201201

202202
<h3 id="ar-width-height">
203-
Aspect Ratio Limits Option B: the ''ar'' unit</h3>
203+
Aspect Ratio Limits Option B: the ''tr'' unit</h3>
204204

205205
<pre class="partial propdef">
206206
Name: min-width, min-height, max-width, max-height
207-
New Values: <<aspect-ratio>>
208-
Computed value: ''ar'' dimension value
207+
New Values: <<transfer-ratio>>
208+
Computed value: ''tr'' dimension value
209209
</pre>
210210

211-
The <dfn type=value for="min-width, min-height, max-width, max-height"><<aspect-ratio>></dfn> value,
212-
which is a <a>dimension</a> with the unit ''ar'',
211+
The <dfn type=value for="min-width, min-height, max-width, max-height"><<transfer-ratio>></dfn> value,
212+
which is a <a>dimension</a> with the unit ''tr'',
213213
specifies that the used value of the property
214214
is calculated from the used size of the opposite dimension
215-
multiplied by the ''ar'' value.
215+
multiplied by the ''tr'' value.
216216

217217
ISSUE: Define a table of all the ways this creates conflicts and cycles and break them.
218218

@@ -224,7 +224,7 @@ Aspect Ratio Limits Option B: the ''ar'' unit</h3>
224224

225225
<pre>
226226
div {
227-
min-height: 1ar;
227+
min-height: 1tr;
228228
}
229229
</pre>
230230

0 commit comments

Comments
 (0)