nexmo-oas-renderer 0.11.0 → 2.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.rubocop.yml +135 -0
- data/.travis.yml +1 -0
- data/CHANGELOG.md +12 -0
- data/Gemfile +2 -2
- data/Gemfile.lock +92 -72
- data/README.md +8 -0
- data/Rakefile +2 -2
- data/bin/console +3 -3
- data/lib/nexmo/oas/engine.rb +2 -0
- data/lib/nexmo/oas/renderer.rb +5 -5
- data/lib/nexmo/oas/renderer/app.rb +71 -46
- data/lib/nexmo/oas/renderer/config.ru +4 -2
- data/lib/nexmo/oas/renderer/decorators/response_parser_decorator.rb +18 -18
- data/lib/nexmo/oas/renderer/helpers/navigation.rb +2 -2
- data/lib/nexmo/oas/renderer/helpers/render.rb +2 -1
- data/lib/nexmo/oas/renderer/helpers/summary.rb +4 -1
- data/lib/nexmo/oas/renderer/helpers/url.rb +2 -0
- data/lib/nexmo/oas/renderer/presenters/api_specification.rb +2 -1
- data/lib/nexmo/oas/renderer/presenters/endpoint.rb +2 -0
- data/lib/nexmo/oas/renderer/presenters/groups.rb +4 -0
- data/lib/nexmo/oas/renderer/presenters/navigation.rb +2 -0
- data/lib/nexmo/oas/renderer/presenters/open_api_specification.rb +5 -2
- data/lib/nexmo/oas/renderer/presenters/request_body_raw.rb +141 -0
- data/lib/nexmo/oas/renderer/presenters/response_format.rb +4 -2
- data/lib/nexmo/oas/renderer/presenters/response_tab/link.rb +3 -0
- data/lib/nexmo/oas/renderer/presenters/response_tab/panel.rb +8 -5
- data/lib/nexmo/oas/renderer/presenters/response_tabs.rb +6 -2
- data/lib/nexmo/oas/renderer/presenters/versions.rb +11 -10
- data/lib/nexmo/oas/renderer/public/assets/javascripts/components/format.js +12 -7
- data/lib/nexmo/oas/renderer/public/assets/javascripts/nexmo-oas-renderer.js +51 -24
- data/lib/nexmo/oas/renderer/public/assets/javascripts/popper.min.js +5 -0
- data/lib/nexmo/oas/renderer/public/assets/javascripts/tooltip.min.js +5 -0
- data/lib/nexmo/oas/renderer/public/assets/javascripts/volta.accordion.js +301 -243
- data/lib/nexmo/oas/renderer/public/assets/javascripts/volta.tooltip.js +76 -0
- data/lib/nexmo/oas/renderer/public/assets/stylesheets/nexmo-oas-renderer.css +255 -823
- data/lib/nexmo/oas/renderer/public/assets/stylesheets/nexmo-oas-renderer.css.map +2 -2
- data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/api.scss +287 -90
- data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/style.scss +2 -6
- data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/themes/dark.scss +89 -0
- data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/themes/light.scss +68 -0
- data/lib/nexmo/oas/renderer/public/assets/stylesheets/volta-prism.min.css +1 -1
- data/lib/nexmo/oas/renderer/public/assets/stylesheets/volta.min.css +1 -1
- data/lib/nexmo/oas/renderer/services/oas_parser.rb +2 -0
- data/lib/nexmo/oas/renderer/services/open_api_definition_resolver.rb +3 -1
- data/lib/nexmo/oas/renderer/version.rb +3 -1
- data/lib/nexmo/oas/renderer/views/layouts/_head.erb +1 -0
- data/lib/nexmo/oas/renderer/views/layouts/_javascripts.erb +5 -4
- data/lib/nexmo/oas/renderer/views/layouts/open_api.erb +3 -1
- data/lib/nexmo/oas/renderer/views/open_api/_auth.erb +74 -0
- data/lib/nexmo/oas/renderer/views/open_api/_available_endpoints.erb +25 -0
- data/lib/nexmo/oas/renderer/views/open_api/_callback_endpoint.erb +18 -27
- data/lib/nexmo/oas/renderer/views/open_api/_callbacks.erb +5 -0
- data/lib/nexmo/oas/renderer/views/open_api/_endpoint.erb +39 -124
- data/lib/nexmo/oas/renderer/views/open_api/_header.erb +71 -0
- data/lib/nexmo/oas/renderer/views/open_api/_model.erb +31 -26
- data/lib/nexmo/oas/renderer/views/open_api/_navigation.erb +54 -78
- data/lib/nexmo/oas/renderer/views/open_api/_parameter_groups.erb +2 -5
- data/lib/nexmo/oas/renderer/views/open_api/_parameters.erb +98 -153
- data/lib/nexmo/oas/renderer/views/open_api/_request_json.erb +4 -0
- data/lib/nexmo/oas/renderer/views/open_api/_request_one_of.erb +70 -0
- data/lib/nexmo/oas/renderer/views/open_api/_request_single.erb +53 -0
- data/lib/nexmo/oas/renderer/views/open_api/_requests.erb +22 -0
- data/lib/nexmo/oas/renderer/views/open_api/_response_description_parameters.erb +88 -90
- data/lib/nexmo/oas/renderer/views/open_api/_response_descriptions.erb +17 -12
- data/lib/nexmo/oas/renderer/views/open_api/_response_fields.erb +1 -16
- data/lib/nexmo/oas/renderer/views/open_api/_response_tabs.erb +2 -2
- data/lib/nexmo/oas/renderer/views/open_api/_responses.erb +35 -0
- data/lib/nexmo/oas/renderer/views/open_api/_tabbed_parameters.erb +15 -4
- data/lib/nexmo/oas/renderer/views/open_api/_tabbed_single_parameter.erb +56 -0
- data/lib/nexmo/oas/renderer/views/open_api/_webhooks.erb +30 -0
- data/lib/nexmo/oas/renderer/views/open_api/show.erb +10 -115
- data/nexmo-oas-renderer.gemspec +26 -26
- metadata +61 -49
- data/lib/nexmo/oas/renderer/public/assets/javascripts/components/scroll.js +0 -21
- data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/core.scss +0 -137
- data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/navigation.scss +0 -102
- data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/nexmo.scss +0 -61
- data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/syntax.scss +0 -63
- data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/typography.scss +0 -248
- data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/volta-templates.scss +0 -119
@@ -1,21 +0,0 @@
|
|
1
|
-
class Scroll {
|
2
|
-
constructor() {
|
3
|
-
const self = this;
|
4
|
-
const body = document.getElementsByClassName('Vlt-main')[0];
|
5
|
-
|
6
|
-
document.addEventListener('DOMContentLoaded', function() {
|
7
|
-
body.addEventListener('scroll', self.onScroll);
|
8
|
-
});
|
9
|
-
}
|
10
|
-
|
11
|
-
onScroll(event) {
|
12
|
-
const scrollTop = event.target.scrollTop;
|
13
|
-
const codeNav = document.getElementsByClassName('Nxd-api__code__header')[0];
|
14
|
-
|
15
|
-
if (scrollTop > 70 && codeNav) {
|
16
|
-
codeNav.classList.add('Nxd-api__code__header--sticky');
|
17
|
-
} else if (codeNav) {
|
18
|
-
codeNav.classList.remove('Nxd-api__code__header--sticky');
|
19
|
-
}
|
20
|
-
}
|
21
|
-
}
|
@@ -1,137 +0,0 @@
|
|
1
|
-
@import "./variables";
|
2
|
-
@import "./nexmo";
|
3
|
-
@import "./mediaqueries";
|
4
|
-
|
5
|
-
* {
|
6
|
-
box-sizing: border-box;
|
7
|
-
font-smoothing: antialiased;
|
8
|
-
-webkit-font-smoothing: antialiased;
|
9
|
-
}
|
10
|
-
|
11
|
-
body {
|
12
|
-
display: flex;
|
13
|
-
min-height: 100vh;
|
14
|
-
flex-direction: column;
|
15
|
-
}
|
16
|
-
|
17
|
-
.Nxd-template {
|
18
|
-
display: flex;
|
19
|
-
flex-flow: row wrap;
|
20
|
-
width: 100%;
|
21
|
-
justify-content: center;
|
22
|
-
}
|
23
|
-
|
24
|
-
.Nxd-main {
|
25
|
-
outline: none;
|
26
|
-
}
|
27
|
-
|
28
|
-
@media #{$M-plus} {
|
29
|
-
.Nxd-main {
|
30
|
-
height: calc(100vh - 111px);
|
31
|
-
}
|
32
|
-
}
|
33
|
-
|
34
|
-
.Nxd-landing-main {
|
35
|
-
padding: $unit3 $unit4;
|
36
|
-
}
|
37
|
-
|
38
|
-
.container {
|
39
|
-
max-width: 1300px;
|
40
|
-
padding: $unit3 $spacing 0;
|
41
|
-
margin: auto;
|
42
|
-
}
|
43
|
-
|
44
|
-
.row {
|
45
|
-
max-width: 1300px;
|
46
|
-
margin-left: -0.9375rem;
|
47
|
-
margin-right: -0.9375rem;
|
48
|
-
}
|
49
|
-
|
50
|
-
img {
|
51
|
-
max-width: 100%;
|
52
|
-
}
|
53
|
-
|
54
|
-
table {
|
55
|
-
code {
|
56
|
-
white-space: nowrap;
|
57
|
-
}
|
58
|
-
}
|
59
|
-
|
60
|
-
.spacious {
|
61
|
-
padding: $spacing*2 0;
|
62
|
-
}
|
63
|
-
|
64
|
-
.clearfix {
|
65
|
-
content: "";
|
66
|
-
display: table;
|
67
|
-
clear: both;
|
68
|
-
}
|
69
|
-
|
70
|
-
@keyframes spin {
|
71
|
-
0% {-webkit-transform: rotate(0deg)}
|
72
|
-
100% {-webkit-transform: rotate(359deg)}
|
73
|
-
}
|
74
|
-
|
75
|
-
.spinner {
|
76
|
-
width: 100%;
|
77
|
-
margin: $spacing*2 0;
|
78
|
-
text-align: center;
|
79
|
-
animation: spin 1.2s infinite ease-in-out;
|
80
|
-
i {
|
81
|
-
font-size: 40px;
|
82
|
-
color: $mint;
|
83
|
-
}
|
84
|
-
}
|
85
|
-
|
86
|
-
.flex {
|
87
|
-
display: flex;
|
88
|
-
}
|
89
|
-
|
90
|
-
.flex--auto {
|
91
|
-
> * { flex: 1; }
|
92
|
-
}
|
93
|
-
|
94
|
-
.hide {
|
95
|
-
display: none;
|
96
|
-
}
|
97
|
-
|
98
|
-
.grecaptcha-badge {
|
99
|
-
display: none;
|
100
|
-
}
|
101
|
-
|
102
|
-
.float-right {
|
103
|
-
float: right;
|
104
|
-
}
|
105
|
-
|
106
|
-
.Nxd-header-notices {
|
107
|
-
.Vlt-callout {
|
108
|
-
margin-bottom: $unit4;
|
109
|
-
}
|
110
|
-
}
|
111
|
-
|
112
|
-
table {
|
113
|
-
.Vlt-icon:not(.Vlt-icon--smaller) {
|
114
|
-
display: block;
|
115
|
-
margin: 0 auto;
|
116
|
-
}
|
117
|
-
}
|
118
|
-
|
119
|
-
.Vlt-title--icon {
|
120
|
-
position: relative
|
121
|
-
}
|
122
|
-
|
123
|
-
.heading-permalink {
|
124
|
-
opacity: 0;
|
125
|
-
transition: opacity 0.2s;
|
126
|
-
position: absolute;
|
127
|
-
left: -20px;
|
128
|
-
|
129
|
-
svg {
|
130
|
-
height: 18px !important;
|
131
|
-
width: 18px !important;
|
132
|
-
}
|
133
|
-
|
134
|
-
.Vlt-title--icon:hover & {
|
135
|
-
opacity: 1;
|
136
|
-
}
|
137
|
-
}
|
@@ -1,102 +0,0 @@
|
|
1
|
-
@mixin highlighted-navigation($color) {
|
2
|
-
a, span {
|
3
|
-
color: $color;
|
4
|
-
opacity: 0.8;
|
5
|
-
transition: opacity 200ms ease-in-out;
|
6
|
-
|
7
|
-
&:hover {
|
8
|
-
opacity: 1;
|
9
|
-
}
|
10
|
-
}
|
11
|
-
}
|
12
|
-
|
13
|
-
.Vlt-sidenav {
|
14
|
-
flex: 0 0 300px;
|
15
|
-
width: 300px;
|
16
|
-
}
|
17
|
-
|
18
|
-
.Vlt-sidemenu--flat {
|
19
|
-
.Vlt-sidemenu__link {
|
20
|
-
padding: 4px 10px;
|
21
|
-
}
|
22
|
-
|
23
|
-
li {
|
24
|
-
a {
|
25
|
-
font-weight: 900;
|
26
|
-
}
|
27
|
-
|
28
|
-
li {
|
29
|
-
a {
|
30
|
-
font-weight: 600;
|
31
|
-
}
|
32
|
-
|
33
|
-
li {
|
34
|
-
a {
|
35
|
-
font-weight: 400;
|
36
|
-
}
|
37
|
-
}
|
38
|
-
}
|
39
|
-
}
|
40
|
-
}
|
41
|
-
|
42
|
-
.Vlt-sidemenu__title + ul > li {
|
43
|
-
margin-left: 0 !important;
|
44
|
-
}
|
45
|
-
|
46
|
-
@media #{$M-plus} {
|
47
|
-
.Vlt-sidenav {
|
48
|
-
height: calc(100vh - 111px);
|
49
|
-
}
|
50
|
-
}
|
51
|
-
|
52
|
-
.navigation--documentation {
|
53
|
-
.navigation-item--api-reference a {
|
54
|
-
color: $blue-dark;
|
55
|
-
}
|
56
|
-
|
57
|
-
.navigation-item--sdk-documentation > a {
|
58
|
-
color: $green
|
59
|
-
}
|
60
|
-
|
61
|
-
.navigation-item--ncco-reference a {
|
62
|
-
color: $teal;
|
63
|
-
|
64
|
-
.navigation-item--ncco-reference a {
|
65
|
-
color: $teal;
|
66
|
-
}
|
67
|
-
}
|
68
|
-
}
|
69
|
-
|
70
|
-
#Vlt-sidenav-mobile-trigger {
|
71
|
-
display: inline-block;
|
72
|
-
margin-top: $unit0;
|
73
|
-
margin-right: $unit2;
|
74
|
-
|
75
|
-
svg {
|
76
|
-
height: 24px;
|
77
|
-
width: 24px;
|
78
|
-
}
|
79
|
-
|
80
|
-
@media #{$M-plus} {
|
81
|
-
display: none;
|
82
|
-
}
|
83
|
-
}
|
84
|
-
|
85
|
-
.Nxd-tutorial {
|
86
|
-
border-right: 1px solid silver;
|
87
|
-
}
|
88
|
-
.Nxd-tutorial-sidenav {
|
89
|
-
a {
|
90
|
-
color: black;
|
91
|
-
}
|
92
|
-
padding: 0px;
|
93
|
-
|
94
|
-
li li {
|
95
|
-
margin-left: 10px !important;
|
96
|
-
}
|
97
|
-
}
|
98
|
-
|
99
|
-
|
100
|
-
.Vlt-sidemenu__link_active {
|
101
|
-
color: white !important;
|
102
|
-
}
|
@@ -1,61 +0,0 @@
|
|
1
|
-
$blue-light: $blue;
|
2
|
-
$pink: #E6547B;
|
3
|
-
$peach: #F88175;
|
4
|
-
$ice: #f9fbfd;
|
5
|
-
$mint: #E4EEF3;
|
6
|
-
$atom: #282c34;
|
7
|
-
|
8
|
-
$gray: #A1A1A1;
|
9
|
-
$gray-light: lighten($gray, 25%);
|
10
|
-
$stone-light: #93B6C7;
|
11
|
-
$stone: #224E66;
|
12
|
-
$stone-dark: #193c56;
|
13
|
-
$gray-dark: #252A2D;
|
14
|
-
|
15
|
-
$sms: #40569F;
|
16
|
-
$sms-light: #EFF3FE;
|
17
|
-
$number-insight: #57AF7B;
|
18
|
-
$number-insight-light: #F3FFF8;
|
19
|
-
$voice: #E7883C;
|
20
|
-
$voice-light: #FDF7F1;
|
21
|
-
$chat: #CA579C;
|
22
|
-
$verify: #7C578D;
|
23
|
-
$verify-light: #FCF8FF;
|
24
|
-
$account: #D65E7C;
|
25
|
-
$account-light: #FDF3F8;
|
26
|
-
|
27
|
-
$primary: $pink;
|
28
|
-
$positive: $green;
|
29
|
-
$negative: $red;
|
30
|
-
$warning: $orange;
|
31
|
-
$background: $ice;
|
32
|
-
$text: $stone;
|
33
|
-
$text-subtle: desaturate(lighten($text, 15%), 20%);
|
34
|
-
$code-background: $atom;
|
35
|
-
|
36
|
-
$callback: $orange;
|
37
|
-
$webhook: $orange;
|
38
|
-
|
39
|
-
$spacing: 20px;
|
40
|
-
$radius: 3px;
|
41
|
-
$radius-top: $radius $radius 0 0;
|
42
|
-
$radius-bottom: 0 0 $radius $radius;
|
43
|
-
$shadow-soft: 1px 0 8px rgba(44, 45, 48, 0.2);
|
44
|
-
$shadow: 0 2px 14px 0 rgba(0,0,0,0.12);
|
45
|
-
$shadow-hard: 0 1px 8px 0 rgba(0,0,0,0.30);
|
46
|
-
|
47
|
-
$border-color: darken($mint, 5%);
|
48
|
-
$border-color-ligher: $mint;
|
49
|
-
$border: 1px solid $border-color;
|
50
|
-
|
51
|
-
$golden-ratio: 1.618;
|
52
|
-
|
53
|
-
$font-family: 'Spezia-Regular', sans-serif;
|
54
|
-
|
55
|
-
.Vlt-sidenav {
|
56
|
-
display: inline-flex; // Temporary
|
57
|
-
}
|
58
|
-
|
59
|
-
body {
|
60
|
-
background: $grey-lighter;
|
61
|
-
}
|
@@ -1,63 +0,0 @@
|
|
1
|
-
.highlight .c { color: $grey-dark } /* Comment */
|
2
|
-
.highlight .err { color: $red-lighter; background-color: rgba($red-light, 0.7) } /* Error */
|
3
|
-
.highlight .k { color: $blue-light } /* Keyword */
|
4
|
-
.highlight .l { color: $purple-light } /* Literal */
|
5
|
-
.highlight .n { color: $grey } /* Name */
|
6
|
-
.highlight .o { color: $red-light } /* Operator */
|
7
|
-
.highlight .p { color: $grey } /* Punctuation */
|
8
|
-
.highlight .cm { color: $grey-dark } /* Comment.Multiline */
|
9
|
-
.highlight .cp { color: $grey-dark } /* Comment.Preproc */
|
10
|
-
.highlight .c1 { color: $grey-dark } /* Comment.Single */
|
11
|
-
.highlight .cs { color: $grey-dark } /* Comment.Special */
|
12
|
-
.highlight .ge { font-style: italic } /* Generic.Emph */
|
13
|
-
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
14
|
-
.highlight .kc { color: $blue-light } /* Keyword.Constant */
|
15
|
-
.highlight .kd { color: $blue-light } /* Keyword.Declaration */
|
16
|
-
.highlight .kn { color: $red-light } /* Keyword.Namespace */
|
17
|
-
.highlight .kp { color: $blue-light } /* Keyword.Pseudo */
|
18
|
-
.highlight .kr { color: $blue-light } /* Keyword.Reserved */
|
19
|
-
.highlight .kt { color: $blue-light } /* Keyword.Type */
|
20
|
-
.highlight .ld { color: $yellow } /* Literal.Date */
|
21
|
-
.highlight .m { color: $purple-light } /* Literal.Number */
|
22
|
-
.highlight .s { color: $yellow } /* Literal.String */
|
23
|
-
.highlight .na { color: $green-light } /* Name.Attribute */
|
24
|
-
.highlight .nb { color: $grey } /* Name.Builtin */
|
25
|
-
.highlight .nc { color: $green-light } /* Name.Class */
|
26
|
-
.highlight .no { color: $blue-light } /* Name.Constant */
|
27
|
-
.highlight .nd { color: $green-light } /* Name.Decorator */
|
28
|
-
.highlight .ni { color: $grey } /* Name.Entity */
|
29
|
-
.highlight .ne { color: $green-light } /* Name.Exception */
|
30
|
-
.highlight .nf { color: $green-light } /* Name.Function */
|
31
|
-
.highlight .nl { color: $grey } /* Name.Label */
|
32
|
-
.highlight .nn { color: $grey } /* Name.Namespace */
|
33
|
-
.highlight .nx { color: $green-light } /* Name.Other */
|
34
|
-
.highlight .py { color: $grey } /* Name.Property */
|
35
|
-
.highlight .nt { color: $red-light } /* Name.Tag */
|
36
|
-
.highlight .nv { color: $grey } /* Name.Variable */
|
37
|
-
.highlight .ow { color: $red-light } /* Operator.Word */
|
38
|
-
.highlight .w { color: $grey } /* Text.Whitespace */
|
39
|
-
.highlight .mf { color: $purple-light } /* Literal.Number.Float */
|
40
|
-
.highlight .mh { color: $purple-light } /* Literal.Number.Hex */
|
41
|
-
.highlight .mi { color: $purple-light } /* Literal.Number.Integer */
|
42
|
-
.highlight .mo { color: $purple-light } /* Literal.Number.Oct */
|
43
|
-
.highlight .sb { color: $yellow } /* Literal.String.Backtick */
|
44
|
-
.highlight .sc { color: $yellow } /* Literal.String.Char */
|
45
|
-
.highlight .sd { color: $yellow } /* Literal.String.Doc */
|
46
|
-
.highlight .s2 { color: $yellow } /* Literal.String.Double */
|
47
|
-
.highlight .se { color: $purple-light } /* Literal.String.Escape */
|
48
|
-
.highlight .sh { color: $yellow } /* Literal.String.Heredoc */
|
49
|
-
.highlight .si { color: $orange-light } /* Literal.String.Interpol */
|
50
|
-
.highlight .sx { color: $yellow } /* Literal.String.Other */
|
51
|
-
.highlight .sr { color: $yellow } /* Literal.String.Regex */
|
52
|
-
.highlight .s1 { color: $yellow } /* Literal.String.Single */
|
53
|
-
.highlight .ss { color: $yellow } /* Literal.String.Symbol */
|
54
|
-
.highlight .bp { color: $grey } /* Name.Builtin.Pseudo */
|
55
|
-
.highlight .vc { color: $grey } /* Name.Variable.Class */
|
56
|
-
.highlight .vg { color: $grey } /* Name.Variable.Global */
|
57
|
-
.highlight .vi { color: $grey } /* Name.Variable.Instance */
|
58
|
-
.highlight .il { color: $purple-light } /* Literal.Number.Integer.Long */
|
59
|
-
|
60
|
-
.highlight .gh { } /* Generic Heading & Diff Header */
|
61
|
-
.highlight .gu { color: $grey-dark; } /* Generic.Subheading & Diff Unified/Comment? */
|
62
|
-
.highlight .gd { color: $red-light; } /* Generic.Deleted & Diff Deleted */
|
63
|
-
.highlight .gi { color: $green-light; } /* Generic.Inserted & Diff Inserted */
|
@@ -1,248 +0,0 @@
|
|
1
|
-
ul, ol, p, h1, h2, h3, h4, h5, h6, table {
|
2
|
-
pre code {
|
3
|
-
display: inline;
|
4
|
-
border: none;
|
5
|
-
color: inherit;
|
6
|
-
background: none;
|
7
|
-
padding: 0;
|
8
|
-
margin: 0;
|
9
|
-
border-radius: none;
|
10
|
-
}
|
11
|
-
}
|
12
|
-
|
13
|
-
a {
|
14
|
-
nav &, h1 & {
|
15
|
-
border-bottom: none;
|
16
|
-
}
|
17
|
-
}
|
18
|
-
|
19
|
-
.center {
|
20
|
-
text-align: center;
|
21
|
-
}
|
22
|
-
|
23
|
-
.left {
|
24
|
-
text-align: left;
|
25
|
-
}
|
26
|
-
|
27
|
-
.right {
|
28
|
-
text-align: right;
|
29
|
-
}
|
30
|
-
|
31
|
-
.indent {
|
32
|
-
margin-left: $spacing * 1.5;
|
33
|
-
}
|
34
|
-
|
35
|
-
pre.highlight {
|
36
|
-
background: $black;
|
37
|
-
-webkit-font-smoothing: antialiased;
|
38
|
-
padding: $spacing;
|
39
|
-
color: $white;
|
40
|
-
margin-bottom: $spacing;
|
41
|
-
line-height: 1.35;
|
42
|
-
overflow: auto;
|
43
|
-
position: relative;
|
44
|
-
border-radius: 4px;
|
45
|
-
|
46
|
-
code {
|
47
|
-
color: $grey-light;
|
48
|
-
}
|
49
|
-
}
|
50
|
-
|
51
|
-
pre {
|
52
|
-
font-family: Consolas, monospace;
|
53
|
-
font-size: 16px;
|
54
|
-
}
|
55
|
-
|
56
|
-
.gutter {
|
57
|
-
color: #5f697c;
|
58
|
-
text-align: right;
|
59
|
-
padding-right: 5px;
|
60
|
-
user-select: none;
|
61
|
-
}
|
62
|
-
|
63
|
-
.active {
|
64
|
-
color: $blue-dark;
|
65
|
-
}
|
66
|
-
|
67
|
-
.Nxd-article {
|
68
|
-
|
69
|
-
li ul, li ol {
|
70
|
-
margin-top: 5px;
|
71
|
-
}
|
72
|
-
|
73
|
-
ul {
|
74
|
-
margin-bottom: 15px;
|
75
|
-
}
|
76
|
-
|
77
|
-
ul li {
|
78
|
-
font-size: 1em;
|
79
|
-
margin-bottom: 5px;
|
80
|
-
}
|
81
|
-
|
82
|
-
.tight {
|
83
|
-
margin: 0;
|
84
|
-
}
|
85
|
-
}
|
86
|
-
|
87
|
-
.tight {
|
88
|
-
margin: 0;
|
89
|
-
}
|
90
|
-
|
91
|
-
.color-text {
|
92
|
-
color: $text;
|
93
|
-
}
|
94
|
-
|
95
|
-
.color--warn {
|
96
|
-
color: $orange;
|
97
|
-
}
|
98
|
-
|
99
|
-
.color--error {
|
100
|
-
color: $red;
|
101
|
-
}
|
102
|
-
|
103
|
-
.color--success {
|
104
|
-
color: $green;
|
105
|
-
}
|
106
|
-
|
107
|
-
.meta {
|
108
|
-
display: block;
|
109
|
-
color: mix($stone, $stone-light);
|
110
|
-
text-transform: uppercase;
|
111
|
-
font-weight: 700;
|
112
|
-
font-size: 13px;
|
113
|
-
margin-bottom: 5px;
|
114
|
-
}
|
115
|
-
|
116
|
-
.tooltip {
|
117
|
-
position: relative;
|
118
|
-
display: inline-block;
|
119
|
-
color: $text-subtle;
|
120
|
-
border-bottom: 1px dotted $stone-light;
|
121
|
-
font-size: 0.95em;
|
122
|
-
cursor: pointer;
|
123
|
-
|
124
|
-
&:before {
|
125
|
-
display: none;
|
126
|
-
content: ' ';
|
127
|
-
width: 0;
|
128
|
-
height: 0;
|
129
|
-
border-style: solid;
|
130
|
-
border-width: 0 10px 12px 10px;
|
131
|
-
border-color: transparent transparent $atom transparent;
|
132
|
-
position: absolute;
|
133
|
-
left: 50%;
|
134
|
-
margin-left: -5px;
|
135
|
-
bottom: -12px;
|
136
|
-
}
|
137
|
-
|
138
|
-
&:after {
|
139
|
-
display: none;
|
140
|
-
content: attr(data-text);
|
141
|
-
pointer-events: none;
|
142
|
-
background: $atom;
|
143
|
-
color: $white;
|
144
|
-
padding: $spacing / 2;
|
145
|
-
position: absolute;
|
146
|
-
width: 300px;
|
147
|
-
left: 50%;
|
148
|
-
margin-left: -150px;
|
149
|
-
margin-top: 10px;
|
150
|
-
text-align: center;
|
151
|
-
z-index: 2;
|
152
|
-
}
|
153
|
-
|
154
|
-
&:hover, &:focus {
|
155
|
-
outline: none;
|
156
|
-
color: $pink;
|
157
|
-
border-bottom-color: $pink;
|
158
|
-
&:before, &:after {
|
159
|
-
display: block;
|
160
|
-
}
|
161
|
-
}
|
162
|
-
}
|
163
|
-
|
164
|
-
.flash {
|
165
|
-
font-size: 1.2em;
|
166
|
-
margin: $spacing 0;
|
167
|
-
color: $pink;
|
168
|
-
}
|
169
|
-
|
170
|
-
.version {
|
171
|
-
margin-top: $spacing * 2;
|
172
|
-
}
|
173
|
-
|
174
|
-
.api-path {
|
175
|
-
display: block;
|
176
|
-
border: 2px solid $mint;
|
177
|
-
border-radius: 4px;
|
178
|
-
overflow: hidden;
|
179
|
-
margin-bottom: $spacing;
|
180
|
-
font-size: 1.2em;
|
181
|
-
background: $white;
|
182
|
-
|
183
|
-
.api-path-parameter {
|
184
|
-
color: $pink;
|
185
|
-
}
|
186
|
-
|
187
|
-
.api-path-method {
|
188
|
-
display: inline-block;
|
189
|
-
font-family: Consolas, monospace;
|
190
|
-
color: $blue-dark;
|
191
|
-
background: mix($blue-dark, $white, 5%);
|
192
|
-
border-right: 1px solid mix($blue-dark, $white, 15%);
|
193
|
-
margin-right: 10px;
|
194
|
-
font-weight: 700;
|
195
|
-
padding: 6px $spacing 3px $spacing;
|
196
|
-
|
197
|
-
&--post {
|
198
|
-
color: $green;
|
199
|
-
background: mix($green, $white, 5%);
|
200
|
-
border-right: 1px solid mix($green, $white, 15%);
|
201
|
-
}
|
202
|
-
|
203
|
-
&--delete {
|
204
|
-
color: $red;
|
205
|
-
background: mix($red, $white, 5%);
|
206
|
-
border-right: 1px solid mix($red, $white, 15%);
|
207
|
-
}
|
208
|
-
|
209
|
-
&--update {
|
210
|
-
color: $orange;
|
211
|
-
background: mix($orange, $white, 5%);
|
212
|
-
border-right: 1px solid mix($orange, $white, 15%);
|
213
|
-
}
|
214
|
-
}
|
215
|
-
|
216
|
-
.api-path-host {
|
217
|
-
margin-right: -10px;
|
218
|
-
color: mix($text-subtle, $gray-light);
|
219
|
-
}
|
220
|
-
}
|
221
|
-
|
222
|
-
.api-reference {
|
223
|
-
b {
|
224
|
-
color: $text-subtle;
|
225
|
-
}
|
226
|
-
}
|
227
|
-
|
228
|
-
.flag {
|
229
|
-
text-transform: uppercase;
|
230
|
-
font-size: 0.82em;
|
231
|
-
font-weight: 600;
|
232
|
-
color: $blue-dark;
|
233
|
-
|
234
|
-
&--strong {
|
235
|
-
color: $red;
|
236
|
-
}
|
237
|
-
}
|
238
|
-
|
239
|
-
.subtle {
|
240
|
-
color: $text-subtle;
|
241
|
-
}
|
242
|
-
|
243
|
-
.truncate {
|
244
|
-
overflow: hidden;
|
245
|
-
display: -webkit-box;
|
246
|
-
-webkit-line-clamp: 3;
|
247
|
-
-webkit-box-orient: vertical;
|
248
|
-
}
|