You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by cx...@apache.org on 2017/03/29 07:57:23 UTC
[3/9] incubator-weex-site git commit: Site updated: 2017-03-29
15:57:11
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/css/playground.css
----------------------------------------------------------------------
diff --git a/content/css/playground.css b/content/css/playground.css
new file mode 100644
index 0000000..891c523
--- /dev/null
+++ b/content/css/playground.css
@@ -0,0 +1,46 @@
+/***********************
+* Variable
+***********************/
+/***********************
+* Mixin
+***********************/
+#playground {
+ height: auto;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-flow: column;
+ -ms-flex-flow: column;
+ flex-flow: column; }
+
+.playground-wrapper {
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ max-width: 900px;
+ margin: 0 auto;
+ padding-top: 100px; }
+ .playground-wrapper .left {
+ width: 320px;
+ padding: 20px;
+ float: left; }
+ .playground-wrapper .qr-code {
+ float: left;
+ width: 120px; }
+ .playground-wrapper .download {
+ margin: 30px 0; }
+ .playground-wrapper .links {
+ float: left;
+ list-style: none;
+ margin: 0;
+ padding: 10px 0 10px 10px; }
+ .playground-wrapper .links .link {
+ display: inline-block;
+ text-align: center;
+ width: 130px;
+ height: 30px;
+ line-height: 30px;
+ border: 1px solid currentColor;
+ border-radius: 20px; }
+ .playground-wrapper .links #android-link {
+ margin-top: 40px; }
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/css/playground.scss
----------------------------------------------------------------------
diff --git a/content/css/playground.scss b/content/css/playground.scss
deleted file mode 100644
index 8f2ffd0..0000000
--- a/content/css/playground.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-@import "variable.scss";
-
-#playground {
- height: auto;
- display: flex;
- flex-flow: column;
-}
-
-.playground-wrapper {
- flex: 1;
- max-width: 900px;
- margin: 0 auto;
- padding-top: 100px;
-
- .left {
- width: 320px;
- padding: 20px;
- float: left;
- }
-
- .qr-code {
- float: left;
- width: 120px;
- }
-
- .download {
- margin: 30px 0;
- }
-
- .links {
- float: left;
- list-style: none;
- margin: 0;
- padding: 10px 0 10px 10px;
-
- .link {
- display: inline-block;
- text-align: center;
- width: 130px;
- height: 30px;
- line-height: 30px;
- border: 1px solid currentColor;
- border-radius: 20px;
- }
-
- #android-link {
- margin-top: 40px;
- }
- }
-}
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/css/post.css
----------------------------------------------------------------------
diff --git a/content/css/post.css b/content/css/post.css
new file mode 100644
index 0000000..5831c69
--- /dev/null
+++ b/content/css/post.css
@@ -0,0 +1,54 @@
+/***********************
+* Variable
+***********************/
+/***********************
+* Mixin
+***********************/
+.article-wrapper {
+ position: relative;
+ width: 100%;
+ margin: 0 auto;
+ padding: 120px 0 0;
+ min-height: 80%;
+ min-height: calc(100% - 160px); }
+ .article-wrapper.post-layout {
+ max-width: 900px; }
+ .article-wrapper.page-layout {
+ max-width: 1200px; }
+ .article-wrapper .article-entry {
+ padding: 0 1.45em; }
+ .article-wrapper .article-entry > h1 {
+ display: none; }
+ .article-wrapper .doc-nav {
+ position: absolute;
+ top: 72px;
+ left: 0;
+ bottom: 0;
+ background: #f5f5f5;
+ width: 300px;
+ z-index: 999;
+ padding: 63px 15px 15px;
+ overflow-x: hidden;
+ overflow-y: auto; }
+ .article-wrapper .article-nav {
+ margin: 30px 0 100px;
+ padding-top: 30px;
+ border-top: 1px solid #ddd;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .article-wrapper .article-nav .article-nav-link {
+ display: block;
+ padding: .2em 1em;
+ border-radius: 5px; }
+ .article-wrapper .article-nav .article-nav-link + .article-nav-link {
+ margin-left: 40px; }
+ .article-wrapper .article-nav .article-nav-link.enable {
+ background: #00BDFF;
+ color: #fff; }
+ .article-wrapper .article-nav .article-nav-link.disable {
+ background: #ddd;
+ color: #ccc; }
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/css/post.scss
----------------------------------------------------------------------
diff --git a/content/css/post.scss b/content/css/post.scss
deleted file mode 100644
index 53efdf0..0000000
--- a/content/css/post.scss
+++ /dev/null
@@ -1,66 +0,0 @@
-@import "variable.scss";
-
-.article-wrapper {
- position: relative;
- width: 100%;
- margin: 0 auto;
- padding: 120px 0 0;
- min-height: 80%;
- min-height: calc(100% - 160px);
-
- &.post-layout {
- max-width: 900px;
- }
-
- &.page-layout {
- max-width: 1200px;
- }
-
- .article-entry {
- padding: 0 1.45em;
-
- > h1 {
- display: none;
- }
- }
-
- .doc-nav {
- position: absolute;
- top: 72px;
- left: 0;
- bottom: 0;
- background: $bg-gray;
- width: 300px;
- z-index: 999;
- padding: 63px 15px 15px;
- overflow-x: hidden;
- overflow-y: auto;
- }
-
- .article-nav {
- margin: 30px 0 100px;
- padding-top: 30px;
- border-top: 1px solid #ddd;
- display: flex;
- justify-content: center;
-
- .article-nav-link {
- display: block;
- padding: .2em 1em;
- border-radius: 5px;
- & + .article-nav-link {
- margin-left: 40px;
- }
-
- &.enable {
- background: $bg-blue;
- color: #fff;
- }
-
- &.disable {
- background: #ddd;
- color: #ccc;
- }
- }
- }
-}
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/css/style.css
----------------------------------------------------------------------
diff --git a/content/css/style.css b/content/css/style.css
new file mode 100644
index 0000000..94214c4
--- /dev/null
+++ b/content/css/style.css
@@ -0,0 +1,1640 @@
+/***********************
+* Variable
+***********************/
+/***********************
+* Mixin
+***********************/
+/***********************
+* Reset
+***********************/
+*, *:before, *:after {
+ box-sizing: border-box; }
+
+html, body {
+ width: 100%;
+ height: 100%;
+ /*overflow-x: hidden;
+ overflow-y: auto;*/
+ margin: 0;
+ padding: 0; }
+
+body {
+ background: #f5f5f5;
+ font-family: "PingFang SC","Helvetica Neue",Arial,STHeiti,"Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC","Source Han Sans CN","Noto Sans SC","Noto Sans CJK TC",SimSun,sans-serif;
+ font-size: 14px;
+ line-height: 1.2;
+ color: #363539;
+ -webkit-tap-highlight-color: transparent; }
+
+@font-face {
+ font-family: "iconfont";
+ src: url("//at.alicdn.com/t/font_i0r1euwhok5oecdi.eot?t=1481812721653");
+ /* IE9*/
+ src: url("//at.alicdn.com/t/font_i0r1euwhok5oecdi.eot?t=1481812721653#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_i0r1euwhok5oecdi.woff?t=1481812721653") format("woff"), url("//at.alicdn.com/t/font_i0r1euwhok5oecdi.ttf?t=1481812721653") format("truetype"), url("//at.alicdn.com/t/font_i0r1euwhok5oecdi.svg?t=1481812721653#iconfont") format("svg");
+ /* iOS 4.1- */ }
+
+.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 20px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale; }
+
+.icon-nav:before {
+ content: "\e60c"; }
+
+.icon-github:before {
+ content: "\e69f"; }
+
+.icon-search:before {
+ content: "\e605"; }
+
+.icon-arrow:before {
+ content: "\e623"; }
+
+.icon-close:before {
+ content: "\e780"; }
+
+.icon-arrow-small:before {
+ content: "\e67c"; }
+
+.icon-baichuan:before {
+ content: "\e602"; }
+
+.icon-back2top:before {
+ content: "\e604"; }
+
+a {
+ cursor: pointer;
+ color: #363539;
+ text-decoration: none; }
+ a:hover {
+ color: #999; }
+
+img {
+ max-width: 100%;
+ vertical-align: middle; }
+
+h1, h2, h3, h4, h5, h6, p {
+ font-weight: normal;
+ margin: 0 0 1em; }
+
+h1 {
+ font-size: 2em; }
+
+h2 {
+ font-size: 1.75em; }
+
+h3 {
+ font-size: 1.5em; }
+
+h4 {
+ font-size: 1.25em; }
+
+h5 {
+ font-size: 1.1em; }
+
+blockquote {
+ margin: 0;
+ padding: 1em 0 1px 20px;
+ border-left: 5px solid #ddd; }
+
+/***********************
+* Common style
+***********************/
+.button {
+ display: inline-block;
+ font-size: 1.05em;
+ width: 10em;
+ height: 2.5em;
+ line-height: 2.5em;
+ text-align: center;
+ color: #fff;
+ background: #ff3e33;
+ border: #ff3e33 1px solid;
+ border-radius: 2em;
+ box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16); }
+ .button:hover {
+ background: #d63f36;
+ border: #d63f36 1px solid; }
+
+.clearfix:before, .clearfix:after {
+ display: table;
+ content: " "; }
+
+.clearfix:after {
+ clear: both; }
+
+.imgbox {
+ width: 100%;
+ height: 100%; }
+ .imgbox img {
+ width: 100%; }
+
+.dropdown {
+ position: relative; }
+ .dropdown .dropdown-toggle {
+ display: block;
+ font-size: 14px;
+ text-align: center;
+ color: #363539;
+ text-decoration: none; }
+ .dropdown .dropdown-menu {
+ display: none;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ z-index: 999;
+ float: left;
+ padding: 5px 0;
+ margin: 0;
+ font-size: 14px;
+ text-align: left;
+ list-style: none;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #999ba4;
+ box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1); }
+ .dropdown .dropdown-menu > li > a {
+ display: block;
+ padding: 3px 20px;
+ clear: both;
+ font-weight: 400;
+ line-height: 1.42857143;
+ color: #363539;
+ white-space: nowrap; }
+ .dropdown .dropdown-menu > li > a:hover {
+ color: #363539;
+ text-decoration: none;
+ background-color: #f5f5f5; }
+ .dropdown:hover .dropdown-menu {
+ display: block; }
+
+a.current {
+ border-bottom: 0.2em solid #00BDFF; }
+
+.scrollbar-measure {
+ position: absolute;
+ top: -9999px;
+ width: 50px;
+ height: 50px;
+ overflow: scroll; }
+
+.show {
+ display: block !important; }
+
+.hide {
+ display: none !important; }
+
+table {
+ display: table;
+ width: 100%;
+ border-collapse: collapse;
+ border-spacing: 0;
+ overflow: auto; }
+
+table td, table th {
+ padding: 6px 13px;
+ border: 1px solid #ddd; }
+
+table tr {
+ background-color: #fff;
+ border-top: 1px solid #ccc; }
+
+table tr:nth-child(2n) {
+ background-color: #f8f8f8; }
+
+table th {
+ font-weight: 700; }
+
+.api-version {
+ font-size: 12px;
+ padding: 1px 7px;
+ background: #00BDFF;
+ color: #fff;
+ border-radius: 20px; }
+
+/***********************
+* Variable
+***********************/
+/***********************
+* Mixin
+***********************/
+#header {
+ width: 100%;
+ height: 72px;
+ padding: 0 65px;
+ position: fixed;
+ background-color: rgba(255, 255, 255, 0.95);
+ box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.12);
+ top: 0;
+ left: 0;
+ right: 0;
+ z-index: 9999; }
+ #header ul, #header li, #header ol {
+ margin: 0;
+ padding: 0;
+ list-style-type: none; }
+ #header #logo {
+ display: block; }
+ #header #logo img {
+ width: 110px;
+ height: 60px; }
+ #header .navbar {
+ height: 72px;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ #header #mobile-nav {
+ display: none;
+ height: 72px;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ #header #mobile-nav #logo {
+ margin: 0 auto; }
+ #header #mobile-nav .btn-menu {
+ position: absolute;
+ left: 20px;
+ top: 25px; }
+ #header .main-nav {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between; }
+ #header .main-nav > ul {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ height: 72px;
+ line-height: 72px; }
+ #header .main-nav li > a {
+ font-size: 1.3em;
+ color: #363539; }
+ #header .links > li > a:hover {
+ border-bottom: 0.2em solid #00BDFF; }
+ #header .links > li + li {
+ margin-left: 40px; }
+ #header .info li {
+ margin-left: 40px; }
+ #header .tools > li {
+ margin-left: 30px;
+ position: relative; }
+ #header .tools .search-form {
+ width: 120px; }
+ #header .dropdown .dropdown-menu {
+ width: 200px;
+ left: -60%;
+ top: 98%;
+ border: none;
+ padding: 10px 0; }
+ #header .dropdown .dropdown-menu a {
+ font-size: 15px;
+ padding: 5px 10px; }
+ #header .select-lang {
+ width: 90px; }
+ #header .select-lang .dropdown-toggle {
+ color: #00293D; }
+ #header .select-lang .dropdown-menu {
+ width: 105px;
+ left: 0; }
+ #header .caret {
+ display: inline-block;
+ margin-left: 2px;
+ width: 0;
+ height: 0;
+ vertical-align: middle;
+ border-left: 4px solid transparent;
+ border-right: 4px solid transparent;
+ border-top: 4px solid #999ba4; }
+
+/***********************
+* Variable
+***********************/
+/***********************
+* Mixin
+***********************/
+#sidebar {
+ display: none;
+ height: 100%;
+ width: 300px;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 999;
+ padding: 90px 20px 10px;
+ background: #fff;
+ box-shadow: -3px 0 20px rgba(0, 0, 0, 0.2);
+ overflow-x: hidden;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch; }
+ #sidebar .sidebar-menu {
+ z-index: 999;
+ overflow-y: auto; }
+ #sidebar .sidebar-menu .btn-close-sidebar {
+ cursor: pointer;
+ display: block;
+ font-size: 1.5em;
+ position: absolute;
+ top: 18px;
+ left: 18px;
+ background: transparent;
+ border: none; }
+ #sidebar .sidebar-menu .btn-close-sidebar:hover {
+ border: none;
+ color: #777; }
+ #sidebar .main-nav {
+ font-size: 1.3em;
+ border-bottom: 1px solid #DDDDDD;
+ overflow: hidden;
+ margin: 0;
+ padding: 0;
+ list-style-type: none; }
+ #sidebar .main-nav li {
+ margin-bottom: 25px;
+ color: #333; }
+ #sidebar .main-nav a {
+ color: #333; }
+ #sidebar .main-nav a:hover {
+ border-bottom: 0.2em solid #00BDFF; }
+ #sidebar .main-nav .subnav {
+ font-size: .8em;
+ list-style: none;
+ padding-left: 20px; }
+ #sidebar .summary {
+ display: block;
+ margin-top: 20px; }
+ #sidebar .results-panel {
+ width: 300px;
+ left: -20px;
+ right: 0; }
+
+/***********************
+* Variable
+***********************/
+/***********************
+* Mixin
+***********************/
+#footer {
+ width: 100%;
+ padding: 20px 65px;
+ margin: 0;
+ background: #fff;
+ border-top: 1px solid #DDDDDD; }
+ #footer .ali-logo {
+ width: 83px;
+ height: 41px;
+ float: left; }
+ #footer .ali-logo img {
+ width: 100%; }
+ #footer .select-lang {
+ display: none;
+ width: 105px;
+ height: 25px;
+ line-height: 25px;
+ float: right; }
+ #footer .select-lang .dropdown-toggle {
+ color: #00293D;
+ border: 1px solid #999ba4; }
+ #footer .select-lang .dropdown-menu {
+ width: 105px;
+ border: 1px solid #999ba4; }
+ #footer .row {
+ font-size: 14px;
+ margin: 8px 0; }
+ #footer .row span {
+ color: #999; }
+ #footer .row .icon-baichuan {
+ font-size: 14px;
+ color: #363539; }
+ #footer .row .cell {
+ float: left;
+ color: #999;
+ margin: 0 20px 10px 0; }
+ #footer .caret {
+ display: inline-block;
+ margin-left: 2px;
+ width: 0;
+ height: 0;
+ vertical-align: middle;
+ border-left: 4px solid transparent;
+ border-right: 4px solid transparent;
+ border-top: 4px solid #999ba4; }
+
+code, pre {
+ font-family: Source Code Pro,Monaco,Menlo,Consolas,monospace;
+ color: #abb2bf;
+ font-size: 14px; }
+
+code {
+ color: #e06c75;
+ background: #eaeaea;
+ padding: 0 5px; }
+
+pre {
+ padding: 10px 15px;
+ overflow-x: auto;
+ line-height: 22px; }
+
+pre code {
+ border: none;
+ background: #353639;
+ display: block;
+ padding: 0;
+ -moz-tab-size: 2;
+ tab-size: 2; }
+
+.highlight, pre {
+ background: #353639;
+ padding: 10px 15px;
+ color: #abb2bf;
+ overflow: auto;
+ margin: 20px 0;
+ border-radius: 5px; }
+
+.highlight table {
+ margin: 0 !important;
+ border: 0; }
+
+.highlight table td, .highlight table th, .highlight tr {
+ background: #353639;
+ border: 0;
+ padding: 0; }
+
+.highlight figcaption {
+ margin: -5px 0 5px;
+ font-size: .9em;
+ color: #abb2bf; }
+
+.highlight figcaption:after, .highlight figcaption:before {
+ content: "";
+ display: table; }
+
+.highlight figcaption:after {
+ clear: both; }
+
+.highlight figcaption a {
+ float: right; }
+
+.highlight pre {
+ padding: 0;
+ border: none;
+ background: none;
+ margin: 0; }
+
+.highlight .line {
+ height: 22px; }
+
+pre .comment, pre .title {
+ color: #5c6370; }
+
+pre .attribute, pre .css .class, pre .css .id, pre .css .pseudo, pre .html .doctype, pre .regexp, pre .ruby .constant, pre .tag, pre .variable, pre .xml .doctype, pre .xml .pi, pre .xml .tag .title {
+ color: #e06c75; }
+
+pre .built_in, pre .constant, pre .literal, pre .number, pre .params, pre .preprocessor {
+ color: #d19a66; }
+
+pre .class, pre .css .rules .attribute, pre .header, pre .inheritance, pre .ruby .class .title, pre .ruby .symbol, pre .string, pre .value, pre .xml .cdata {
+ color: #98c379; }
+
+pre .css .hexcolor {
+ color: #3e999f; }
+
+pre .coffeescript .title, pre .function, pre .javascript .title, pre .perl .sub, pre .python .decorator, pre .python .title, pre .ruby .function .title, pre .ruby .title .keyword {
+ color: #c678dd; }
+
+pre .javascript .function, pre .keyword {
+ color: #c678dd; }
+
+pre .attr {
+ color: #61afef; }
+
+/*LANDINGPAGE*/
+/***********************
+* Variable
+***********************/
+/***********************
+* Mixin
+***********************/
+.scene-container {
+ max-width: 1680px;
+ height: 100%;
+ margin: 0 auto;
+ overflow: hidden;
+ position: relative; }
+
+.scene {
+ position: relative;
+ height: 100%;
+ height: calc(100% - 72px); }
+ .scene:nth-child(even) {
+ background: #f5f5f5;
+ color: #00BDFF; }
+ .scene:nth-child(odd) {
+ background: #00BDFF;
+ color: #fff; }
+ .scene h2 {
+ font-family: "Gill Sans";
+ font-weight: 400;
+ font-size: 2.64em;
+ margin: .7em 0;
+ text-align: center; }
+ .scene ul, .scene li, .scene ol {
+ margin: 0;
+ padding: 0;
+ list-style-type: none; }
+
+.horizon .scene-container, .edge .scene-container {
+ max-width: 900px;
+ padding-bottom: 2em;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-content: space-around;
+ -ms-flex-line-pack: distribute;
+ align-content: space-around; }
+
+.horizon .textbox {
+ -webkit-flex: 2;
+ -ms-flex: 2;
+ flex: 2;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ padding: 0 1em; }
+
+.horizon .textbox p {
+ width: 70%;
+ margin: 0 auto;
+ text-align: center; }
+
+.horizon .sketch-content {
+ padding: 0 7em;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 3;
+ -ms-flex: 3;
+ flex: 3;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+
+.horizon .inner-box {
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ padding: 0 2em; }
+
+.header {
+ height: 100%;
+ position: relative; }
+ .header #slider {
+ margin-top: 73px;
+ height: 100%;
+ height: calc(100% - 72px); }
+ .header .swiper-container {
+ max-width: 900px;
+ height: 100%; }
+ .header .swiper-controller {
+ max-width: 900px;
+ height: 100%;
+ margin: auto;
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0; }
+ .header .swiper-button-next, .header .swiper-button-prev {
+ background: transparent !important;
+ color: #fff;
+ line-height: 44px; }
+ .header .swiper-button-next {
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg); }
+ .header .slide-content {
+ max-width: 900px;
+ margin: auto;
+ height: 100%; }
+ .header .slide-content .page-title {
+ font-size: 2.3em;
+ font-family: "Gill Sans";
+ width: 500px;
+ text-align: center;
+ position: absolute;
+ top: 70px;
+ left: 50%;
+ margin-left: -250px; }
+ .header .slide-content .btn-group {
+ position: absolute;
+ bottom: 30%;
+ left: 50%;
+ margin-left: -11.222em; }
+ .header .slide-content .btn-group > .button:nth-child(2) {
+ margin-left: 20px; }
+ .header .galaxy {
+ height: 560px;
+ width: 560px;
+ position: absolute;
+ top: 45%;
+ margin-top: -230px; }
+ .header .left {
+ left: -40px; }
+ .header .right {
+ top: 55%;
+ right: -110px; }
+
+.edge .scene-container .textbox {
+ -webkit-flex: 3;
+ -ms-flex: 3;
+ flex: 3;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: flex-end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+
+.edge .scene-container .sketch-content {
+ padding: 2em 7em;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 5;
+ -ms-flex: 5;
+ flex: 5;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start; }
+
+.edge .inner-box {
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ text-align: center;
+ padding: 0 1em; }
+ .edge .inner-box img {
+ width: 78px;
+ height: 78px;
+ color: #363539; }
+ .edge .inner-box h3 {
+ margin: .4em;
+ font-size: 1.5em;
+ color: #363539; }
+ .edge .inner-box .underline {
+ display: inline-block;
+ background: #00BDFF;
+ width: 80px;
+ height: 3px;
+ margin: 0 0 20px; }
+ .edge .inner-box p {
+ font-size: 1em;
+ color: #363539; }
+
+.feature .feature-content {
+ height: 100%;
+ max-width: 900px;
+ margin: 0 auto;
+ position: relative;
+ overflow: hidden; }
+
+.feature .left-text {
+ position: relative;
+ padding: 15px 20px;
+ z-index: 99; }
+
+.feature .left-text h2 {
+ width: 300px;
+ text-align: left; }
+
+.feature .left-text p {
+ width: 220px;
+ line-height: 1.7;
+ text-align: left; }
+
+.feature .right-box {
+ width: 660px;
+ height: 405px;
+ position: absolute;
+ top: 30%;
+ right: 0px;
+ z-index: 1; }
+ .feature .right-box .imgbox {
+ position: absolute; }
+ .feature .right-box .level1 {
+ width: 660px;
+ height: 405px;
+ background: url("../images/level1.png") 50% 50%/contain no-repeat;
+ background-origin: content-box;
+ z-index: 9;
+ top: 0;
+ left: 660px; }
+ .feature .right-box .level2 {
+ width: 660px;
+ height: 405px;
+ background: url("../images/level2.png") 50% 50%/contain no-repeat;
+ background-origin: content-box;
+ z-index: 99;
+ top: -30px;
+ left: 660px; }
+ .feature .right-box .level3 {
+ width: 660px;
+ height: 405px;
+ background: url("../images/level3.png") 50% 50%/contain no-repeat;
+ background-origin: content-box;
+ z-index: 99;
+ top: -60px;
+ left: 660px; }
+ .feature .right-box .level4 {
+ width: 660px;
+ height: 405px;
+ background: url("../images/level4.png") 50% 50%/contain no-repeat;
+ background-origin: content-box;
+ z-index: 999;
+ top: -85px;
+ left: 660px; }
+
+.feature .right-img {
+ width: 70%;
+ position: absolute;
+ top: 40px;
+ right: 0; }
+
+.cross-platform .sketch-content {
+ -webkit-flex: 5;
+ -ms-flex: 5;
+ flex: 5; }
+
+.cross-platform .imgbox {
+ height: auto; }
+ .cross-platform .imgbox.ios {
+ padding: 0 30px;
+ background: url("../images/ios.png") 50% 50%/contain no-repeat;
+ background-size: contain;
+ background-position: left 50% bottom 0px;
+ background-origin: content-box; }
+ .cross-platform .imgbox.android {
+ background: url("../images/android.png") 50% 50%/contain no-repeat;
+ background-size: contain;
+ background-position: left 50% bottom 0px;
+ background-origin: content-box; }
+ .cross-platform .imgbox.h5 {
+ -webkit-flex: 1.16;
+ -ms-flex: 1.16;
+ flex: 1.16;
+ background: url("../images/web.png") 50% 50%/contain no-repeat;
+ background-position: left 50% bottom 0px;
+ background-size: contain;
+ background-origin: content-box; }
+
+.cross-platform .textbox p {
+ color: #363539; }
+
+.supporting-vue {
+ color: #fff; }
+ .supporting-vue .sketch-content.imgbox {
+ background: url("../images/vue.png") 50% 50%/contain no-repeat;
+ background-origin: content-box;
+ position: relative; }
+ .supporting-vue .sketch-content.imgbox .imgbox {
+ width: 100%;
+ height: 104px;
+ background: url("../images/vue-logo.png") 50% 50%/contain no-repeat;
+ position: absolute;
+ top: -50px;
+ left: 0;
+ right: 0; }
+
+.schematic .textbox p {
+ color: #363539; }
+
+.schematic .sketch-content.imgbox {
+ background: url("../images/flow.png") 50% 50%/contain no-repeat;
+ background-origin: content-box; }
+
+.users .sketch-content {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-content: flex-start;
+ -ms-flex-line-pack: start;
+ align-content: flex-start; }
+ .users .sketch-content .user-logo {
+ width: 150px;
+ height: 150px;
+ margin: 1px;
+ overflow: hidden;
+ position: relative;
+ transition-duration: .3s;
+ transition-property: box-shadow; }
+ .users .sketch-content .user-logo h3 {
+ font-size: 1em;
+ margin-top: 30px;
+ text-align: center;
+ margin-top: 125px; }
+ .users .sketch-content .user-logo:hover {
+ position: relative;
+ z-index: 999;
+ box-shadow: 0px 1px 12px 0 rgba(0, 0, 0, 0.54); }
+ .users .sketch-content .user-logo:hover .user-info {
+ opacity: .9; }
+ .users .sketch-content .tmall-logo {
+ background: #23CEFD url("../images/tmall.png") 50% 50%/64px 64px no-repeat;
+ background-origin: content-box; }
+ .users .sketch-content .aliyun-logo {
+ background: #23CEFD url("../images/aliyun.png") 50% 50%/64px 64px no-repeat;
+ background-origin: content-box; }
+ .users .sketch-content .taobao-logo {
+ background: #23CEFD url("../images/taobao.png") 50% 50%/64px 64px no-repeat;
+ background-origin: content-box; }
+ .users .sketch-content .alibaba-logo {
+ background: #23CEFD url("../images/alibaba.png") 50% 50%/64px 64px no-repeat;
+ background-origin: content-box; }
+ .users .sketch-content .cainiao-logo {
+ background: #23CEFD url("../images/cainiao.png") 50% 50%/64px 64px no-repeat;
+ background-origin: content-box; }
+ .users .sketch-content .xiami-logo {
+ background: #23CEFD url("../images/xiami.png") 50% 50%/64px 64px no-repeat;
+ background-origin: content-box; }
+ .users .sketch-content .youku-logo {
+ background: #23CEFD url("../images/youku.png") 50% 50%/64px 64px no-repeat;
+ background-origin: content-box; }
+ .users .sketch-content .ding-logo {
+ background: #23CEFD url("../images/ding.png") 50% 50%/64px 64px no-repeat;
+ background-origin: content-box; }
+
+.users .user-info {
+ opacity: 0;
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: 1em;
+ background: #23CEFD;
+ text-align: center;
+ color: #363539;
+ transition-duration: .4s;
+ transition-property: opacity; }
+ .users .user-info h4 {
+ font-size: 1em;
+ margin-bottom: .98em; }
+ .users .user-info p {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 6;
+ -webkit-box-orient: vertical;
+ font-size: .8em; }
+
+.users .more {
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ .users .more a {
+ margin-top: 1em;
+ color: #fff;
+ text-decoration: underline;
+ font-weight: lighter; }
+
+.feedback .sketch-content {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-content: space-around;
+ -ms-flex-line-pack: distribute;
+ align-content: space-around; }
+
+.feedback .user-feedback {
+ -webkit-flex: 1 0 200px;
+ -ms-flex: 1 0 200px;
+ flex: 1 0 200px;
+ margin: 0;
+ text-align: center;
+ color: #363539;
+ padding: 10px; }
+ .feedback .user-feedback .avatar {
+ width: 66px;
+ height: 66px;
+ border-radius: 100%; }
+ .feedback .user-feedback .user-name {
+ font-weight: bold;
+ font-size: 1em;
+ margin: 10px 0 0; }
+ .feedback .user-feedback .user-title {
+ font-size: .8em;
+ margin: 5px 0 10px;
+ color: #999; }
+ .feedback .user-feedback .user-say {
+ margin: 1em 0; }
+
+.feedback .scene-container .go-2-doc {
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ margin-top: -30px; }
+
+.back2top {
+ display: none;
+ width: 68px;
+ height: 68px;
+ border-radius: 100%;
+ background: #F3C3C1;
+ position: fixed;
+ bottom: 180px;
+ right: 10px;
+ text-align: center;
+ line-height: 68px;
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+ color: #fff;
+ z-index: 99; }
+ .back2top:hover {
+ background: #FF3E33;
+ color: #fff; }
+
+/***********************
+* Variable
+***********************/
+/***********************
+* Mixin
+***********************/
+.search {
+ position: relative; }
+ .search .search-form {
+ width: 100%;
+ position: relative; }
+ .search .search-input {
+ width: 100%;
+ height: 30px;
+ line-height: 30px;
+ font-size: 1em;
+ padding: 6px 35px 6px 10px;
+ border: 1px solid #ddd;
+ border-radius: 20px;
+ margin: 10px 0;
+ -webkit-appearance: none; }
+ .search .search-input:focus {
+ border: 1px solid #00BDFF;
+ outline: none; }
+ .search .icon-search {
+ position: absolute;
+ font-size: 14px;
+ line-height: 30px;
+ top: 50%;
+ margin-top: -14px;
+ right: 15px;
+ color: #999; }
+
+.results-panel {
+ display: none;
+ position: absolute;
+ width: 400px;
+ height: 300px;
+ overflow-x: hidden;
+ overflow-y: auto;
+ background: #fff;
+ right: -66px;
+ top: 100%;
+ padding: 20px;
+ line-height: 1.5;
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); }
+ .results-panel .matching-post {
+ border-bottom: 1px solid #ddd; }
+ .results-panel .matching-post h2 {
+ font-size: 17px;
+ margin: 10px 0; }
+ .results-panel .matching-post p {
+ font-size: 14px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical; }
+ .results-panel .search-keyword {
+ font-style: normal;
+ color: #00BDFF; }
+
+/*POST*/
+/***********************
+* Variable
+***********************/
+/***********************
+* Mixin
+***********************/
+.article-wrapper {
+ position: relative;
+ width: 100%;
+ margin: 0 auto;
+ padding: 120px 0 0;
+ min-height: 80%;
+ min-height: calc(100% - 160px); }
+ .article-wrapper.post-layout {
+ max-width: 900px; }
+ .article-wrapper.page-layout {
+ max-width: 1200px; }
+ .article-wrapper .article-entry {
+ padding: 0 1.45em; }
+ .article-wrapper .article-entry > h1 {
+ display: none; }
+ .article-wrapper .doc-nav {
+ position: absolute;
+ top: 72px;
+ left: 0;
+ bottom: 0;
+ background: #f5f5f5;
+ width: 300px;
+ z-index: 999;
+ padding: 63px 15px 15px;
+ overflow-x: hidden;
+ overflow-y: auto; }
+ .article-wrapper .article-nav {
+ margin: 30px 0 100px;
+ padding-top: 30px;
+ border-top: 1px solid #ddd;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .article-wrapper .article-nav .article-nav-link {
+ display: block;
+ padding: .2em 1em;
+ border-radius: 5px; }
+ .article-wrapper .article-nav .article-nav-link + .article-nav-link {
+ margin-left: 40px; }
+ .article-wrapper .article-nav .article-nav-link.enable {
+ background: #00BDFF;
+ color: #fff; }
+ .article-wrapper .article-nav .article-nav-link.disable {
+ background: #ddd;
+ color: #ccc; }
+
+/***********************
+* Variable
+***********************/
+/***********************
+* Mixin
+***********************/
+.article-header {
+ position: relative;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #ddd;
+ margin-bottom: 3.5em; }
+ .article-header h1 {
+ font-size: 2em;
+ color: #333;
+ margin: 0; }
+ .article-header h1 .article-title:hover {
+ color: #00BDFF; }
+ .article-header .article-date {
+ position: absolute;
+ bottom: -25px;
+ left: 0px;
+ font-size: .9em;
+ color: #999; }
+
+/***********************
+* Variable
+***********************/
+/***********************
+* Mixin
+***********************/
+.article {
+ max-width: 900px;
+ margin: 0 0 0 300px;
+ position: relative;
+ line-height: 1.6;
+ overflow-y: auto; }
+ .article.article-type-article {
+ margin-left: 0; }
+ .article .article-entry {
+ margin-bottom: 90px; }
+ .article h2 {
+ font-size: 1.75em;
+ margin: 1.7em 0 .5em; }
+ .article h3 {
+ font-size: 1.5em;
+ margin: 1.5em 0 .5em; }
+ .article h4 {
+ font-size: 1.25em;
+ margin: 1.2em 0 .5em; }
+ .article h5 {
+ font-size: 1.1em;
+ margin: 1.1em 0 .5em; }
+ .article img[alt="mobile_preview"] {
+ width: 200px; }
+ .article a {
+ color: #4078c0; }
+ .article a:hover {
+ text-decoration: underline; }
+ .article .weex-version {
+ display: inline-block;
+ padding: .3em .8em;
+ color: #fff;
+ background: #23CEFD;
+ border-radius: 2em;
+ line-height: 1.2;
+ position: absolute;
+ top: 15px;
+ right: 20px; }
+
+#blog .article {
+ margin-left: 0; }
+
+#faq .article {
+ margin-left: 0; }
+
+/***********************
+* Variable
+***********************/
+/***********************
+* Mixin
+***********************/
+.summary {
+ overflow-x: hidden;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch; }
+ .summary ul, .summary li, .summary ol {
+ margin: 0;
+ padding: 0;
+ list-style-type: none; }
+ .summary a.current {
+ border: none;
+ color: #00BDFF; }
+ .summary a:hover {
+ color: #00BDFF; }
+ .summary h2.part-title {
+ color: #00BDFF;
+ font-size: 1.2em;
+ font-weight: 600; }
+ .summary h3.chapter-title {
+ font-size: 1.1em; }
+ .summary ul.chapter {
+ margin-left: 15px; }
+ .summary ul.chapter li {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ padding-bottom: 15px; }
+
+.lang-en .summary h3.chapter-title {
+ font-weight: 600; }
+
+/*BLOG*/
+/***********************
+* Variable
+***********************/
+/***********************
+* Mixin
+***********************/
+.blog-wrapper {
+ position: relative;
+ width: 100%;
+ margin: 120px auto 90px;
+ max-width: 900px;
+ min-height: 100%; }
+ .blog-wrapper .article-excerpt.article {
+ margin: 0; }
+ .blog-wrapper .article-excerpt > h1 {
+ display: none; }
+ .blog-wrapper .article-excerpt .weex-version {
+ display: none; }
+ .blog-wrapper .blog-article-inner {
+ padding: 0 1.45em;
+ margin-bottom: 50px; }
+ .blog-wrapper .more-link {
+ display: block;
+ color: #999; }
+ .blog-wrapper .more-link:hover {
+ color: #777; }
+
+/*PLAYGROUND*/
+/***********************
+* Variable
+***********************/
+/***********************
+* Mixin
+***********************/
+#playground {
+ height: auto;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-flow: column;
+ -ms-flex-flow: column;
+ flex-flow: column; }
+
+.playground-wrapper {
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ max-width: 900px;
+ margin: 0 auto;
+ padding-top: 100px; }
+ .playground-wrapper .left {
+ width: 320px;
+ padding: 20px;
+ float: left; }
+ .playground-wrapper .qr-code {
+ float: left;
+ width: 120px; }
+ .playground-wrapper .download {
+ margin: 30px 0; }
+ .playground-wrapper .links {
+ float: left;
+ list-style: none;
+ margin: 0;
+ padding: 10px 0 10px 10px; }
+ .playground-wrapper .links .link {
+ display: inline-block;
+ text-align: center;
+ width: 130px;
+ height: 30px;
+ line-height: 30px;
+ border: 1px solid currentColor;
+ border-radius: 20px; }
+ .playground-wrapper .links #android-link {
+ margin-top: 40px; }
+
+/*EXAMPLE*/
+.example-wrapper {
+ width: 1120px;
+ margin: 100px auto;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row; }
+ .example-wrapper .horizontal {
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ padding: 20px;
+ position: relative;
+ max-width: 620px;
+ height: 600px; }
+ .example-wrapper .highlight {
+ height: 580px;
+ overflow-y: auto; }
+ .example-wrapper .phone {
+ -webkit-flex: 0 0 300px;
+ -ms-flex: 0 0 300px;
+ flex: 0 0 300px; }
+ .example-wrapper .mock-phone {
+ margin: 0 auto;
+ margin-top: 20px;
+ position: relative;
+ z-index: 25;
+ width: 297px;
+ height: 590px;
+ border: 2px solid #0088fb;
+ border-radius: 30px; }
+ .example-wrapper .camera {
+ position: absolute;
+ width: 14px;
+ height: 14px;
+ border-radius: 14px;
+ background: #afddff;
+ border: 1px solid #0088fb;
+ top: 23px;
+ left: 94px; }
+ .example-wrapper .earpiece {
+ position: absolute;
+ width: 70px;
+ height: 8px;
+ border-radius: 8px;
+ background: #afddff;
+ border: 1px solid #0088fb;
+ top: 26px;
+ left: 124px; }
+ .example-wrapper .home-btn {
+ position: absolute;
+ width: 56px;
+ height: 56px;
+ border-radius: 56px;
+ background: #afddff;
+ border: 1px solid #0088fb;
+ bottom: 14px;
+ left: 50%;
+ margin-left: -28px; }
+ .example-wrapper .inner {
+ position: absolute;
+ top: 60px;
+ z-index: 26;
+ left: 12px;
+ width: 267px;
+ height: 441px;
+ overflow: hidden;
+ border: 1px solid #0088fb; }
+ .example-wrapper iframe {
+ margin: 0;
+ width: 750px;
+ height: 1248px;
+ background: #fff;
+ -webkit-transform: scaleY(0.35333);
+ -ms-transform: scaleY(0.35333);
+ transform: scaleY(0.35333);
+ -webkit-transform: scale(0.35333, 0.35333);
+ -ms-transform: scale(0.35333, 0.35333);
+ transform: scale(0.35333, 0.35333);
+ -webkit-transform-origin: top left;
+ -ms-transform-origin: top left;
+ transform-origin: top left; }
+ .example-wrapper .qrcode {
+ -webkit-flex: 0 0 150px;
+ -ms-flex: 0 0 150px;
+ flex: 0 0 150px; }
+ .example-wrapper .qrcode p {
+ text-align: center;
+ margin: 1em 0; }
+ .example-wrapper #qrcode-img {
+ padding: 0;
+ width: 150px;
+ height: 150px; }
+
+/*
+
+Atom One Dark by Daniel Gamage
+Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
+
+base: #282c34
+mono-1: #abb2bf
+mono-2: #818896
+mono-3: #5c6370
+hue-1: #56b6c2
+hue-2: #61aeee
+hue-3: #c678dd
+hue-4: #98c379
+hue-5: #e06c75
+hue-5-2: #be5046
+hue-6: #d19a66
+hue-6-2: #e6c07b
+
+*/
+.hljs {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ color: #abb2bf;
+ background: #282c34; }
+
+.hljs-comment,
+.hljs-quote {
+ color: #5c6370;
+ font-style: italic; }
+
+.hljs-doctag,
+.hljs-keyword,
+.hljs-formula {
+ color: #c678dd; }
+
+.hljs-section,
+.hljs-name,
+.hljs-selector-tag,
+.hljs-deletion,
+.hljs-subst {
+ color: #e06c75; }
+
+.hljs-literal {
+ color: #56b6c2; }
+
+.hljs-string,
+.hljs-regexp,
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta-string {
+ color: #98c379; }
+
+.hljs-built_in,
+.hljs-class .hljs-title {
+ color: #e6c07b; }
+
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-type,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-number {
+ color: #d19a66; }
+
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-selector-id,
+.hljs-title {
+ color: #61aeee; }
+
+.hljs-emphasis {
+ font-style: italic; }
+
+.hljs-strong {
+ font-weight: bold; }
+
+.hljs-link {
+ text-decoration: underline; }
+
+/***********************
+* Variable
+***********************/
+/***********************
+* Mixin
+***********************/
+@media screen and (max-width: 900px) {
+ /***********************************************
+ * Global
+ **********************************************/
+ body {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ font-size: 13px; }
+ #header .navbar {
+ display: none !important; }
+ #header #mobile-nav {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex; }
+ #sidebar {
+ display: block !important;
+ -webkit-transform: translateX(-320px);
+ -ms-transform: translateX(-320px);
+ transform: translateX(-320px);
+ transition: all .3s ease; }
+ #sidebar.open {
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0); }
+ #footer {
+ padding: 0 20px; }
+ #footer .select-lang {
+ display: block; }
+ /***********************************************
+ * Index
+ **********************************************/
+ .header .galaxy {
+ display: none; }
+ .edge .scene-container .textbox {
+ -webkit-flex: 2;
+ -ms-flex: 2;
+ flex: 2; }
+ .edge .scene-container .inner-box:nth-child(3) {
+ -webkit-flex: 0 0 240px;
+ -ms-flex: 0 0 240px;
+ flex: 0 0 240px; }
+ .edge .scene-container .sketch-content {
+ /*flex-direction: column;
+ align-items: center;*/ }
+ .horizon .sketch-content {
+ padding: 0 5em; }
+ .horizon .sketch-content .inner-box {
+ padding: 0 2em; }
+ .users .scene-container .textbox {
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+ .feedback .sketch-content {
+ -webkit-align-content: center;
+ -ms-flex-line-pack: center;
+ align-content: center; }
+ .feedback .scene-container .textbox {
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+ /***********************************************
+ * Post
+ **********************************************/
+ .article-wrapper .doc-nav {
+ display: none; }
+ .article-wrapper .article {
+ margin-left: 0; } }
+
+@media screen and (max-width: 700px) {
+ /***********************************************
+ * Index
+ **********************************************/
+ .edge .scene-container .textbox {
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+ .edge .scene-container .sketch-content {
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ .scene.overlength {
+ height: auto;
+ min-height: 100%;
+ min-height: calc(100% - 72px); }
+ .horizon .textbox {
+ -webkit-flex: 4;
+ -ms-flex: 4;
+ flex: 4; }
+ .horizon .sketch-content {
+ padding: 0 1em; }
+ .horizon .sketch-content .inner-box {
+ padding: 0 1em; }
+ .horizon .textbox p {
+ width: 100%; }
+ .header .slide-content .page-title {
+ width: 320px;
+ margin-left: -160px; }
+ .header .slide-content .btn-group {
+ bottom: 10%; }
+ .feature .right-box {
+ width: 500px;
+ height: 245.45px;
+ top: 50%;
+ right: -65px; }
+ .feature .right-box .level1, .feature .right-box .level2, .feature .right-box .level3, .feature .right-box .level4 {
+ width: 500px;
+ height: 245.45px; }
+ .cross-platform .sketch-content {
+ height: 200px; }
+ .supporting-vue .sketch-content.imgbox .imgbox {
+ background-size: 80px; }
+ .users .sketch-content .user-logo {
+ width: 140px;
+ height: 140px;
+ background-size: 45px; }
+ .users .sketch-content .user-info p {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 3;
+ -webkit-box-orient: vertical; }
+ .users .sketch-content .user-logo h3 {
+ margin-top: 110px; }
+ .feedback .user-feedback {
+ /*flex: 1 0 140px;*/ }
+ .feedback .scene-container .go-2-doc {
+ margin-top: 0; } }
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/css/style.scss
----------------------------------------------------------------------
diff --git a/content/css/style.scss b/content/css/style.scss
deleted file mode 100644
index 894cba7..0000000
--- a/content/css/style.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-@import "common.scss";
-
-@import "partial/header.scss";
-@import "partial/sidebar.scss";
-@import "partial/footer.scss";
-@import "partial/highlight.scss";
-
-/*LANDINGPAGE*/
-@import "index.scss";
-@import "partial/search-form.scss";
-
-/*POST*/
-@import "post.scss";
-@import "partial/article-title.scss";
-@import "partial/article.scss";
-@import "partial/summary.scss";
-
-/*BLOG*/
-@import "blog.scss";
-
-/*PLAYGROUND*/
-@import "playground.scss";
-
-/*EXAMPLE*/
-@import "example.scss";
-@import "atom-one-dark.scss";
-
-@import "media-queries.scss";
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/css/variable.css
----------------------------------------------------------------------
diff --git a/content/css/variable.css b/content/css/variable.css
new file mode 100644
index 0000000..8715da9
--- /dev/null
+++ b/content/css/variable.css
@@ -0,0 +1,6 @@
+/***********************
+* Variable
+***********************/
+/***********************
+* Mixin
+***********************/
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/css/variable.scss
----------------------------------------------------------------------
diff --git a/content/css/variable.scss b/content/css/variable.scss
deleted file mode 100644
index 7586c0b..0000000
--- a/content/css/variable.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-/***********************
-* Variable
-***********************/
-
-$text-light-black: #363539;
-$text-black: #333;
-$text-white: #fff;
-$text-gray: #999;
-$text-blue: #00BDFF;
-$bg-blue: $text-blue;
-$bg-light-blue: #23CEFD;
-$bg-white: #fff;
-$bg-gray: #f5f5f5;
-$border-light: #ddd;
-$border-blue: $text-blue;
-$border-gray: #999ba4;
-
-$article-max-width: 1350px;
-$content-max-width: 900px;
-
-/***********************
-* Mixin
-***********************/
-
-@mixin lines ($length: 2) {
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: $length;
- -webkit-box-orient: vertical;
-}
-
-@mixin triangle-down ($color, $size) {
- width: 0;
- height: 0;
- vertical-align: middle;
- border-left: $size solid transparent;
- border-right: $size solid transparent;
- border-top: $size solid $color;
-}
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/references/advanced/extend-jsfm.html
----------------------------------------------------------------------
diff --git a/content/references/advanced/extend-jsfm.html b/content/references/advanced/extend-jsfm.html
index 92a4cd1..d0be795 100644
--- a/content/references/advanced/extend-jsfm.html
+++ b/content/references/advanced/extend-jsfm.html
@@ -477,11 +477,11 @@ Weex wants to be able to respect as many developer devel">
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -546,11 +546,11 @@ Weex wants to be able to respect as many developer devel">
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
@@ -1065,11 +1065,11 @@ Weex wants to be able to respect as many developer devel">
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1134,11 +1134,11 @@ Weex wants to be able to respect as many developer devel">
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/references/advanced/extend-to-android.html
----------------------------------------------------------------------
diff --git a/content/references/advanced/extend-to-android.html b/content/references/advanced/extend-to-android.html
index 06e4eda..4d43b2b 100644
--- a/content/references/advanced/extend-to-android.html
+++ b/content/references/advanced/extend-to-android.html
@@ -474,11 +474,11 @@
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -543,11 +543,11 @@
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
@@ -1062,11 +1062,11 @@
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1131,11 +1131,11 @@
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/references/advanced/extend-to-html5.html
----------------------------------------------------------------------
diff --git a/content/references/advanced/extend-to-html5.html b/content/references/advanced/extend-to-html5.html
index 59d3ab3..3b5250a 100644
--- a/content/references/advanced/extend-to-html5.html
+++ b/content/references/advanced/extend-to-html5.html
@@ -474,11 +474,11 @@
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -543,11 +543,11 @@
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
@@ -1062,11 +1062,11 @@
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1131,11 +1131,11 @@
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/references/advanced/extend-to-ios.html
----------------------------------------------------------------------
diff --git a/content/references/advanced/extend-to-ios.html b/content/references/advanced/extend-to-ios.html
index 87baa5d..ea1c14b 100644
--- a/content/references/advanced/extend-to-ios.html
+++ b/content/references/advanced/extend-to-ios.html
@@ -474,11 +474,11 @@
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -543,11 +543,11 @@
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
@@ -1062,11 +1062,11 @@
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1131,11 +1131,11 @@
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/references/advanced/index.html
----------------------------------------------------------------------
diff --git a/content/references/advanced/index.html b/content/references/advanced/index.html
index 8671631..1e7b4fe 100644
--- a/content/references/advanced/index.html
+++ b/content/references/advanced/index.html
@@ -492,11 +492,11 @@ Integrate Devtool to iOS">
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -561,11 +561,11 @@ Integrate Devtool to iOS">
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
@@ -1080,11 +1080,11 @@ Integrate Devtool to iOS">
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1149,11 +1149,11 @@ Integrate Devtool to iOS">
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/references/advanced/integrate-devtool-to-android.html
----------------------------------------------------------------------
diff --git a/content/references/advanced/integrate-devtool-to-android.html b/content/references/advanced/integrate-devtool-to-android.html
index dbd5590..873a644 100644
--- a/content/references/advanced/integrate-devtool-to-android.html
+++ b/content/references/advanced/integrate-devtool-to-android.html
@@ -474,11 +474,11 @@
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -543,11 +543,11 @@
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
@@ -1062,11 +1062,11 @@
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1131,11 +1131,11 @@
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/references/advanced/integrate-devtool-to-ios.html
----------------------------------------------------------------------
diff --git a/content/references/advanced/integrate-devtool-to-ios.html b/content/references/advanced/integrate-devtool-to-ios.html
index 0846006..7b2a780 100644
--- a/content/references/advanced/integrate-devtool-to-ios.html
+++ b/content/references/advanced/integrate-devtool-to-ios.html
@@ -478,11 +478,11 @@
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -547,11 +547,11 @@
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
@@ -1066,11 +1066,11 @@
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1135,11 +1135,11 @@
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/references/android-apis.html
----------------------------------------------------------------------
diff --git a/content/references/android-apis.html b/content/references/android-apis.html
index 7716ec9..ace7856 100644
--- a/content/references/android-apis.html
+++ b/content/references/android-apis.html
@@ -489,11 +489,11 @@ Register the">
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -558,11 +558,11 @@ Register the">
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
@@ -1077,11 +1077,11 @@ Register the">
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1146,11 +1146,11 @@ Register the">
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/references/color-names.html
----------------------------------------------------------------------
diff --git a/content/references/color-names.html b/content/references/color-names.html
index decca0e..b90987e 100644
--- a/content/references/color-names.html
+++ b/content/references/color-names.html
@@ -588,11 +588,11 @@ fuchsia
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -657,11 +657,11 @@ fuchsia
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
@@ -1176,11 +1176,11 @@ fuchsia
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1245,11 +1245,11 @@ fuchsia
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/references/common-event.html
----------------------------------------------------------------------
diff --git a/content/references/common-event.html b/content/references/common-event.html
index b7c6e92..72733f2 100644
--- a/content/references/common-event.html
+++ b/content/references/common-event.html
@@ -474,11 +474,11 @@
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -543,11 +543,11 @@
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
@@ -1062,11 +1062,11 @@
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1131,11 +1131,11 @@
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/references/common-style.html
----------------------------------------------------------------------
diff --git a/content/references/common-style.html b/content/references/common-style.html
index 5307d2f..4ebdcbf 100644
--- a/content/references/common-style.html
+++ b/content/references/common-style.html
@@ -486,11 +486,11 @@ Weex box model based on the CSS box model, all of weex elements can be considere
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -555,11 +555,11 @@ Weex box model based on the CSS box model, all of weex elements can be considere
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
@@ -1074,11 +1074,11 @@ Weex box model based on the CSS box model, all of weex elements can be considere
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1143,11 +1143,11 @@ Weex box model based on the CSS box model, all of weex elements can be considere
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/references/components/a.html
----------------------------------------------------------------------
diff --git a/content/references/components/a.html b/content/references/components/a.html
index 7d6c103..f78ca9d 100644
--- a/content/references/components/a.html
+++ b/content/references/components/a.html
@@ -477,11 +477,11 @@ Child ComponentsThis type of component supports all kinds of weex component as i
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link current "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link current "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -546,11 +546,11 @@ Child ComponentsThis type of component supports all kinds of weex component as i
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
@@ -1065,11 +1065,11 @@ Child ComponentsThis type of component supports all kinds of weex component as i
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link current "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link current "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1134,11 +1134,11 @@ Child ComponentsThis type of component supports all kinds of weex component as i
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/1b2a58e5/content/references/components/cell.html
----------------------------------------------------------------------
diff --git a/content/references/components/cell.html b/content/references/components/cell.html
index 61e0821..69a43a5 100644
--- a/content/references/components/cell.html
+++ b/content/references/components/cell.html
@@ -477,11 +477,11 @@ Child ComponentsThis type of component supports all kind">
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -546,11 +546,11 @@ Child ComponentsThis type of component supports all kind">
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>
@@ -1065,11 +1065,11 @@ Child ComponentsThis type of component supports all kind">
<ul class="chapter">
<li>
- <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/references/components/a.html" class="sidebar-link "><a></a>
</li>
<li>
- <a href="/references/components/a.html" class="sidebar-link "><a></a>
+ <a href="/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1134,11 +1134,11 @@ Child ComponentsThis type of component supports all kind">
<ul class="chapter">
<li>
- <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
+ <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
</li>
<li>
- <a href="/references/modules/animation.html" class="sidebar-link ">animation</a>
+ <a href="/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
</li>
<li>