You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by ha...@apache.org on 2018/04/12 04:25:45 UTC
[1/3] incubator-weex-site git commit: Update css-units.md
Repository: incubator-weex-site
Updated Branches:
refs/heads/master dfeabe7a7 -> 04e1a8600
Update css-units.md
Add css-units document
Project: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/commit/b4890126
Tree: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/tree/b4890126
Diff: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/diff/b4890126
Branch: refs/heads/master
Commit: b4890126576cd453540a959c232f47c35f086102
Parents: a192a55
Author: Mario <fa...@gmail.com>
Authored: Wed Mar 28 14:32:11 2018 +0800
Committer: GitHub <no...@github.com>
Committed: Wed Mar 28 14:32:11 2018 +0800
----------------------------------------------------------------------
source/wiki/css-units.md | 48 ++++++++++++++++++++++++++++++++++++++++++-
1 file changed, 47 insertions(+), 1 deletion(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/b4890126/source/wiki/css-units.md
----------------------------------------------------------------------
diff --git a/source/wiki/css-units.md b/source/wiki/css-units.md
index ff35300..88125a3 100644
--- a/source/wiki/css-units.md
+++ b/source/wiki/css-units.md
@@ -8,4 +8,50 @@ version: 2.1
<!-- toc -->
-Work in progresss.
+## CSS `color` units
+
+```css
+.classA {
+ /* 3-chars hex */
+ color: #0f0;
+ /* 6-chars hex */
+ color: #00ff00;
+ /* rgba */
+ color: rgb(255, 0, 0);
+ /* rgba */
+ color: rgba(255, 0, 0, 0.5);
+ /* transparent */
+ color: transparent;
+ /* Basic color keywords */
+ color: orange;
+ /* Extended color keywords */
+ color: darkgray;
+}
+```
+
+## Notes
+
+* Not support `hsl()`, `hsla()`, `currentColor`, or 8-character hexadecimal color.
+
+* Performance of `rgb(a,b,c)` or `rgba(a,b,c,d)` is much worse than other color formats, please select the appropriate color format.
+
+build-in color name you can see [Color Names](./color-names.html).
+
+## CSS `length` units
+
+In weex we only support `px` length units., and it will resolve to a numeric type in the JavaScript runtime and native renderer.
+
+You can use it like this :
+
+```css
+.classA { font-size: 48px; line-height: 64px; }
+```
+
+Other length units in the CSS standard like `em`, `rem`, and `pt` are not supported.
+
+## CSS `number` units
+
+You can use `number` on property [`opacity`](./common-styles.html) and [`lines`](./text-styles.html).
+
+
+## CSS `percentage` units (Not support now)
[2/3] incubator-weex-site git commit: Update css-units.md
Posted by ha...@apache.org.
Update css-units.md
Project: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/commit/8017d1c9
Tree: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/tree/8017d1c9
Diff: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/diff/8017d1c9
Branch: refs/heads/master
Commit: 8017d1c9219c78370395d1dc127a88b738c4aac3
Parents: b489012
Author: Mario <fa...@gmail.com>
Authored: Thu Apr 12 12:01:52 2018 +0800
Committer: GitHub <no...@github.com>
Committed: Thu Apr 12 12:01:52 2018 +0800
----------------------------------------------------------------------
source/wiki/css-units.md | 3 +--
1 file changed, 1 insertion(+), 2 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/8017d1c9/source/wiki/css-units.md
----------------------------------------------------------------------
diff --git a/source/wiki/css-units.md b/source/wiki/css-units.md
index 88125a3..1a220aa 100644
--- a/source/wiki/css-units.md
+++ b/source/wiki/css-units.md
@@ -39,8 +39,7 @@ build-in color name you can see [Color Names](./color-names.html).
## CSS `length` units
-In weex we only support `px` length units., and it will resolve to a numeric type in the JavaScript runtime and native renderer.
-
+In weex we only support px length units. It will resolve to a numeric type in the JavaScript runtime and native renderer.
You can use it like this :
```css
[3/3] incubator-weex-site git commit: Update css-units.md (#126)
Posted by ha...@apache.org.
Update css-units.md (#126)
Project: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/commit/04e1a860
Tree: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/tree/04e1a860
Diff: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/diff/04e1a860
Branch: refs/heads/master
Commit: 04e1a860002e2677cd2b1e238b018faf8911b40b
Parents: dfeabe7 8017d1c
Author: Hanks <zh...@gmail.com>
Authored: Thu Apr 12 12:25:13 2018 +0800
Committer: Hanks <zh...@gmail.com>
Committed: Thu Apr 12 12:25:13 2018 +0800
----------------------------------------------------------------------
source/wiki/css-units.md | 47 ++++++++++++++++++++++++++++++++++++++++++-
1 file changed, 46 insertions(+), 1 deletion(-)
----------------------------------------------------------------------