Skip to content

[Typed OM] Add example for CSSTransformValue normalization #298

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Sep 23, 2016
Merged

[Typed OM] Add example for CSSTransformValue normalization #298

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
0f39ce3
Merge pull request #1 from w3c/master
nainar Sep 12, 2016
d37f0a8
add example for CSSTransformValue
Sep 12, 2016
63e4ce4
Merge branch 'master' of https://github.com/w3c/css-houdini-drafts
Sep 15, 2016
f5734b2
Merge branch 'master' of https://github.com/nainar/css-houdini-drafts…
Sep 15, 2016
04a1749
use a tags
Sep 15, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 13 additions & 0 deletions css-typed-om/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -857,6 +857,19 @@ then a {{CSSTransformValue}} is constructed around an empty sequence.

Otherwise, normalization fails.

<div class='example'>
The string "scale(2, 0.5) translate(100px) rotate(20deg)"
is converted into a {{CSSTransformValue}} that contains a list of {{CSSTransformComponent}} with:
* a {{CSSScale}} with:
* <a attribute for='CSSScale'>x</a> set to 2
* <a attribute for='CSSScale'>y</a> set to 0.5
* a {{CSSTranslation}} with:
* <a attribute for='CSSTranslation'>x</a> with <a attribute for='CSSSimpleLength'>value</a> of 100 and <a attribute for='CSSSimpleLength'>type</a> of "px"
* a {{CSSRotation}} with:
* 20 <a attribute for='CSSAngleValue'>degrees</a>

</div>

{{CSSPositionValue}} normalization {#positionvalue-normalization}
-----------------------------------------------------------------

Expand Down