nexmo-oas-renderer 0.11.3 → 2.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (79) hide show
  1. checksums.yaml +4 -4
  2. data/.rubocop.yml +135 -0
  3. data/.travis.yml +1 -0
  4. data/Gemfile +1 -1
  5. data/Gemfile.lock +82 -62
  6. data/Rakefile +2 -2
  7. data/bin/console +3 -3
  8. data/lib/nexmo/oas/engine.rb +2 -0
  9. data/lib/nexmo/oas/renderer.rb +5 -5
  10. data/lib/nexmo/oas/renderer/app.rb +70 -45
  11. data/lib/nexmo/oas/renderer/config.ru +4 -2
  12. data/lib/nexmo/oas/renderer/decorators/response_parser_decorator.rb +18 -18
  13. data/lib/nexmo/oas/renderer/helpers/navigation.rb +2 -2
  14. data/lib/nexmo/oas/renderer/helpers/render.rb +2 -1
  15. data/lib/nexmo/oas/renderer/helpers/summary.rb +4 -1
  16. data/lib/nexmo/oas/renderer/helpers/url.rb +2 -0
  17. data/lib/nexmo/oas/renderer/presenters/api_specification.rb +12 -3
  18. data/lib/nexmo/oas/renderer/presenters/endpoint.rb +2 -0
  19. data/lib/nexmo/oas/renderer/presenters/groups.rb +4 -0
  20. data/lib/nexmo/oas/renderer/presenters/navigation.rb +2 -0
  21. data/lib/nexmo/oas/renderer/presenters/open_api_specification.rb +5 -2
  22. data/lib/nexmo/oas/renderer/presenters/request_body_raw.rb +141 -0
  23. data/lib/nexmo/oas/renderer/presenters/response_format.rb +4 -2
  24. data/lib/nexmo/oas/renderer/presenters/response_tab/link.rb +3 -0
  25. data/lib/nexmo/oas/renderer/presenters/response_tab/panel.rb +8 -5
  26. data/lib/nexmo/oas/renderer/presenters/response_tabs.rb +6 -2
  27. data/lib/nexmo/oas/renderer/presenters/versions.rb +11 -10
  28. data/lib/nexmo/oas/renderer/public/assets/javascripts/components/format.js +12 -7
  29. data/lib/nexmo/oas/renderer/public/assets/javascripts/nexmo-oas-renderer.js +59 -23
  30. data/lib/nexmo/oas/renderer/public/assets/javascripts/popper.min.js +5 -0
  31. data/lib/nexmo/oas/renderer/public/assets/javascripts/tooltip.min.js +5 -0
  32. data/lib/nexmo/oas/renderer/public/assets/javascripts/volta.accordion.js +301 -243
  33. data/lib/nexmo/oas/renderer/public/assets/javascripts/volta.tooltip.js +76 -0
  34. data/lib/nexmo/oas/renderer/public/assets/stylesheets/nexmo-oas-renderer.css +255 -823
  35. data/lib/nexmo/oas/renderer/public/assets/stylesheets/nexmo-oas-renderer.css.map +2 -2
  36. data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/api.scss +287 -90
  37. data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/style.scss +2 -6
  38. data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/themes/dark.scss +89 -0
  39. data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/themes/light.scss +68 -0
  40. data/lib/nexmo/oas/renderer/public/assets/stylesheets/volta-prism.min.css +1 -1
  41. data/lib/nexmo/oas/renderer/public/assets/stylesheets/volta.min.css +1 -1
  42. data/lib/nexmo/oas/renderer/services/oas_parser.rb +2 -0
  43. data/lib/nexmo/oas/renderer/services/open_api_definition_resolver.rb +3 -1
  44. data/lib/nexmo/oas/renderer/version.rb +3 -1
  45. data/lib/nexmo/oas/renderer/views/layouts/_head.erb +1 -0
  46. data/lib/nexmo/oas/renderer/views/layouts/_javascripts.erb +5 -4
  47. data/lib/nexmo/oas/renderer/views/layouts/open_api.erb +3 -1
  48. data/lib/nexmo/oas/renderer/views/open_api/_auth.erb +74 -0
  49. data/lib/nexmo/oas/renderer/views/open_api/_available_endpoints.erb +25 -0
  50. data/lib/nexmo/oas/renderer/views/open_api/_callback_endpoint.erb +18 -27
  51. data/lib/nexmo/oas/renderer/views/open_api/_callbacks.erb +5 -0
  52. data/lib/nexmo/oas/renderer/views/open_api/_endpoint.erb +39 -124
  53. data/lib/nexmo/oas/renderer/views/open_api/_header.erb +71 -0
  54. data/lib/nexmo/oas/renderer/views/open_api/_model.erb +31 -26
  55. data/lib/nexmo/oas/renderer/views/open_api/_navigation.erb +54 -78
  56. data/lib/nexmo/oas/renderer/views/open_api/_parameter_groups.erb +2 -5
  57. data/lib/nexmo/oas/renderer/views/open_api/_parameters.erb +98 -169
  58. data/lib/nexmo/oas/renderer/views/open_api/_request_json.erb +4 -0
  59. data/lib/nexmo/oas/renderer/views/open_api/_request_one_of.erb +70 -0
  60. data/lib/nexmo/oas/renderer/views/open_api/_request_single.erb +53 -0
  61. data/lib/nexmo/oas/renderer/views/open_api/_requests.erb +22 -0
  62. data/lib/nexmo/oas/renderer/views/open_api/_response_description_parameters.erb +88 -90
  63. data/lib/nexmo/oas/renderer/views/open_api/_response_descriptions.erb +32 -12
  64. data/lib/nexmo/oas/renderer/views/open_api/_response_fields.erb +1 -16
  65. data/lib/nexmo/oas/renderer/views/open_api/_response_tabs.erb +2 -2
  66. data/lib/nexmo/oas/renderer/views/open_api/_responses.erb +51 -0
  67. data/lib/nexmo/oas/renderer/views/open_api/_tabbed_parameters.erb +15 -4
  68. data/lib/nexmo/oas/renderer/views/open_api/_tabbed_single_parameter.erb +56 -0
  69. data/lib/nexmo/oas/renderer/views/open_api/_webhooks.erb +30 -0
  70. data/lib/nexmo/oas/renderer/views/open_api/show.erb +10 -115
  71. data/nexmo-oas-renderer.gemspec +26 -26
  72. metadata +60 -49
  73. data/lib/nexmo/oas/renderer/public/assets/javascripts/components/scroll.js +0 -21
  74. data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/core.scss +0 -137
  75. data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/navigation.scss +0 -102
  76. data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/nexmo.scss +0 -61
  77. data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/syntax.scss +0 -63
  78. data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/typography.scss +0 -248
  79. 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
- }