Skip to content
This repository was archived by the owner on Nov 17, 2022. It is now read-only.

Commit 5022d60

Browse files
tsonevntsonevn
authored
Merge pull request #1575 from NativeScript/tsonevn_ns_ui_api_ref
update NS UI API Ref layout
2 parents c869a8e + 78e9615 commit 5022d60

File tree

102 files changed

+22933
-922
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

102 files changed

+22933
-922
lines changed

‎ns_ui_api-reference/ns-ui-theme/assets/css/_constants.sass

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
// Fonts
2+
//
3+
$FONT_FAMILY: 'Roboto Regular', 'Segoe UI', sans-serif
4+
$FONT_FAMILY_MONO: Menlo, Monaco, Consolas, 'Courier New', monospace
5+
6+
$FONT_SIZE: 16px
7+
$FONT_SIZE_MONO: 14px
8+
9+
$LINE_HEIGHT: 1.333em
10+
11+
12+
// Colors
13+
//
14+
$COLOR_BACKGROUND: #fdfdfd
15+
$COLOR_TEXT: #222
16+
$COLOR_TEXT_ASIDE: #808080
17+
$COLOR_LINK: #4da6ff
18+
19+
$COLOR_MENU_DIVIDER: #eee
20+
$COLOR_MENU_DIVIDER_FOCUS: #000
21+
$COLOR_MENU_LABEL: #808080
22+
23+
$COLOR_PANEL: #fff
24+
$COLOR_PANEL_DIVIDER: #eee
25+
26+
$COLOR_COMMENT_TAG: #808080
27+
$COLOR_COMMENT_TAG_TEXT: #fff
28+
29+
$COLOR_CODE_BACKGROUND: rgba(#000, 0.04)
30+
31+
$COLOR_TS: #9600ff
32+
$COLOR_TS_INTERFACE: #7da01f
33+
$COLOR_TS_ENUM: #cc9900
34+
$COLOR_TS_CLASS: #4da6ff
35+
$COLOR_TS_PRIVATE: #808080
36+
37+
$TOOLBAR_COLOR: #fff
38+
$TOOLBAR_TEXT_COLOR: #333
39+
$TOOLBAR_HEIGHT: 40px

‎ns_ui_api-reference/ns-ui-theme/assets/css/elements/_comment.sass

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
// Displays all regular comment tags
2+
//
3+
// <dl class="tsd-comment-tags">
4+
// <dt>see</dt>
5+
// <dd><p><a href="#">Dispatcher.EVENT_BEGIN</a></p></dd>
6+
// <dt>see</dt>
7+
// <dd><p><a href="#">Dispatcher.EVENT_BEGIN_RESOLVE</a></p></dd>
8+
// <dt>see</dt>
9+
// <dd><p><a href="#">Dispatcher.EVENT_END_RESOLVE</a></p></dd>
10+
// </dl>
11+
//
12+
dl.tsd-comment-tags
13+
overflow: hidden
14+
15+
dt
16+
clear: both
17+
float: left
18+
padding: 1px 5px
19+
margin: 0 10px 0 0
20+
border-radius: 4px
21+
border: 1px solid $COLOR_COMMENT_TAG
22+
color: $COLOR_COMMENT_TAG
23+
font-size: 0.8em
24+
font-weight: normal
25+
26+
dd
27+
margin: 0 0 10px 0
28+
29+
p
30+
margin: 0
31+
32+
33+
// Special formatting for the main reflection on each page.
34+
//
35+
// <section class="tsd-panel tsd-comment">
36+
// <div class="tsd-comment tsd-typography">
37+
// <div class="lead"><p>The default TypeDoc main application class.</p></div>
38+
// <p>This class holds the two main components of TypeDoc, the Dispatcher and the Renderer.</p>
39+
// </div>
40+
// </section>
41+
//
42+
.tsd-panel.tsd-comment .lead
43+
font-size: 1.1em
44+
line-height: $LINE_HEIGHT
45+
margin-bottom: 2em
46+
47+
&:last-child
48+
margin-bottom: 0

‎ns_ui_api-reference/ns-ui-theme/assets/css/elements/_common.scss

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
.ns-btn {
2+
display: inline-flex;
3+
width: 230px;
4+
line-height: 56px;
5+
height: 60px;
6+
box-sizing: border-box;
7+
align-items: center;
8+
padding-left: 20px;
9+
padding-right: 20px;
10+
white-space: nowrap;
11+
text-transform: uppercase;
12+
font-weight: 300;
13+
font-family: 'Dual-600';
14+
line-height: 46px;
15+
border: 2px solid;
16+
border-radius: 45px;
17+
transition: .2s background ease-in-out, .2s border-color ease-in-out, .2s color ease-in-out;
18+
19+
&:hover {
20+
text-decoration: none;
21+
}
22+
23+
&.ns-icon:before {
24+
margin-right: 9px;
25+
font-size: 1.4em;
26+
line-height: 1.56;
27+
}
28+
}
29+
30+
@media only screen and (max-width: 1720px) {
31+
.ns-btn {
32+
width: 214px;
33+
height: 50px;
34+
font-size: 17px;
35+
36+
&.ns-icon:before {
37+
line-height: inherit;
38+
}
39+
}
40+
}
41+
42+
@media only screen and (max-width: 1280px) {
43+
.ns-btn {
44+
width: 194px;
45+
height: 36px;
46+
&.ns-icon:before {
47+
line-height: inherit;
48+
}
49+
}
50+
}
51+
52+
@media only screen and (max-width: 1010px) {
53+
.ns-btn.ns-icon:before {
54+
margin-right: 2px;
55+
}
56+
}

‎ns_ui_api-reference/ns-ui-theme/assets/css/elements/_filter.sass

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
// Classes set on the body to control the visible state of the filtered elements
2+
//
3+
.toggle-protected .tsd-is-private
4+
display: none
5+
6+
.toggle-public .tsd-is-private,
7+
.toggle-public .tsd-is-protected,
8+
.toggle-public .tsd-is-private-protected
9+
display: none
10+
11+
.toggle-inherited .tsd-is-inherited
12+
display: none
13+
14+
.toggle-only-exported .tsd-is-not-exported
15+
display: none
16+
17+
.toggle-externals .tsd-is-external
18+
display: none
19+
20+
21+
// Filter Buttons in the toolbar
22+
//
23+
#tsd-filter
24+
position: relative
25+
display: inline-block
26+
height: $TOOLBAR_HEIGHT
27+
vertical-align: bottom
28+
29+
.no-filter &
30+
display: none
31+
32+
.tsd-filter-group
33+
display: inline-block
34+
height: $TOOLBAR_HEIGHT
35+
vertical-align: bottom
36+
white-space: nowrap
37+
38+
input
39+
display: none
40+
41+
+size-xs-sm
42+
.tsd-filter-group
43+
display: block
44+
position: absolute
45+
top: $TOOLBAR_HEIGHT
46+
right: 20px
47+
height: auto
48+
background-color: $COLOR_PANEL
49+
visibility: hidden
50+
transform: translate(50%,0)
51+
box-shadow: 0 0 4px rgba(#000, 0.25)
52+
53+
.has-options &
54+
visibility: visible
55+
56+
.to-has-options &
57+
animation: fade-in 0.2s
58+
59+
.from-has-options &
60+
animation: fade-out 0.2s
61+
62+
label,
63+
.tsd-select
64+
display: block
65+
padding-right: 20px

‎ns_ui_api-reference/ns-ui-theme/assets/css/elements/_footer.scss

Lines changed: 88 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,88 @@
1+
footer {
2+
padding-top: 110px;
3+
padding-bottom: 50px;
4+
text-align: center;
5+
background-color: #053140;
6+
color: #53727c;
7+
8+
a {
9+
color: #fff;
10+
}
11+
12+
ul {
13+
margin: 0;
14+
padding: 0;
15+
list-style: none;
16+
}
17+
18+
h3 {
19+
font: 600 50px/1 'Dual-600', 'Segoe UI', Arial, sans-serif;
20+
margin: 0 0 20px;
21+
letter-spacing: -0.05em;
22+
color: #d3d9e0;
23+
}
24+
25+
.ns-btn {
26+
min-width: 300px;
27+
height: 60px;
28+
justify-content: center;
29+
font-size: 18px;
30+
border-color: rgba(105, 131, 140, .5);
31+
text-transform: none;
32+
33+
&:hover {
34+
border-color: #2a505c;
35+
background: #2a505c;
36+
}
37+
38+
&:before {
39+
color: #53727c;
40+
}
41+
}
42+
43+
.ns-btn {
44+
margin: 0 15px 10px;
45+
}
46+
47+
.footer-nav {
48+
display: flex;
49+
margin: 90px 0;
50+
justify-content: center;
51+
52+
li + li > a {
53+
border-left: 1px solid rgba(255, 255, 255, .2);
54+
}
55+
56+
a {
57+
padding: 10px 35px;
58+
font-size: 20px;
59+
font: 300 24px/1 Roboto, 'Segoe UI', Arial, sans-serif;
60+
}
61+
}
62+
63+
.license,
64+
.copyright {
65+
font-size: 14px;
66+
}
67+
68+
mark {
69+
background: none;
70+
color: #d3d9e0;
71+
}
72+
73+
.ns-icon-ns {
74+
font-style: normal;
75+
color: rgba(255,255,255,0.15);
76+
77+
&:before {
78+
font-size: 78px;
79+
}
80+
}
81+
82+
@media (max-width: 650px) {
83+
.footer-nav a {
84+
padding-left: 10px;
85+
padding-right: 10px;
86+
}
87+
}
88+
}

0 commit comments

Comments
 (0)