You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+12-9Lines changed: 12 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -178,6 +178,7 @@ We'd like to introduce a new CSS property.
178
178
```
179
179
The maximum scaling factor for `grow`, or the minimum scaling factor for `shrink`.
180
180
181
+
See https://github.com/w3c/csswg-drafts/issues/12887.
181
182
182
183
### Examples
183
184
@@ -264,29 +265,31 @@ Lines narrower than the container width are justified, and lines wider than the
264
265
## Detailed design discussion
265
266
266
267
* Items contained in aline box are classified as either "scalable" or "static", and only "scalable" items are affected by this feature.
267
-
* Texts are scalable.
268
-
* Should we assume text with a fixed font-size as "static"? e.g. `<div style="text-grow:per-line; font-size:24px">scalable <span style="font-size:1.1em">font-relativefont-size should be scalable</span> <span style="font-size:30px">non-relativefont-size; static-or-scalable?</span>...`
268
+
* See https://github.com/w3c/csswg-drafts/issues/12888.
269
+
* All texts are scalable even if atext has afont-size diffrent from the container font-size.
270
+
* %-based `letter-spacing` and `word-spacing` are scalable.
269
271
* Replaced elements such as `<img>` and `<input>` are static.
270
272
* Atomic inlines are static
271
-
* What about padding/border/margin of inline boxes?
273
+
* `padding`, `border`, and `margin` for inline direction are static.
274
+
* This classification may be configurable in the future.
272
275
* How does this interact with properties with `<length>`.
273
-
* Should the length be scaled or not? Depends on its units (`px`, `em`, `rem`, `%`, `vw`, `vh`, etc.)?
* Should the `<length>` be scaled or not? See https://github.com/w3c/csswg-drafts/issues/12888.
277
+
* In general, `<length>` values are not scaled. `4px` should be `4px` even if aline is scaled.
278
+
Font-relative length units such as `em` are not scalable too. Exceptionally, the percentage
279
+
values of some CSS properties should be linked to the rendered font size, so they are scalable.
275
280
<!--
276
281
* The methods vaues `scale` and `font-size` that can be specified for `<fit-method>` can produce similar visual results. Through prototype implementation and discussion, we aim to decide whether to standardize both or remove one of them.
277
282
* `scale` linearly scales up the glyphdata obtained at the original font size for rendering. Consequently, the displayed glyph might differ from the ideal glyph intended for that size. However, since the glyphdata retrieval process only happens once, it operates significantly faster.
278
283
* `font-size` renders the ideal glyph for the displayed size. This process can be considerably slower because it necessitates trying out glyphs of various sizes.
279
284
-->
285
+
<!--
280
286
* How to find the best-fitfont-size?
281
287
There are cases where the line width becomes smaller even if the font-size is increased.
282
-
<!--
283
288
* `font-weight` or `font-width` for `<fit-method>`?
284
289
They work well only with specific fonts, and they don't offer the flexibility to fit text to any width. So we don't apply them in the initial proposal.
285
290
-->
286
291
* Accessibility: See https://github.com/w3c/csswg-drafts/issues/12886.
287
-
*Text decoration, emphasis marks, ruby annotations should work well.
288
-
* Line's available width can depend on its block offset. e.g. `float` and `initial-letter`.
289
-
* `text-align` should be applied after this feature. It will be applied only to narrow lines.
292
+
*Text decoration, emphasis marks, ruby annotations should work well with scaled font-size.
290
293
* This feature should not affect the container's intrinsic size.
0 commit comments