nexmo-oas-renderer 0.11.1 → 2.1.0

data/lib/nexmo/oas/renderer/public/assets/javascripts/components/scroll.js

@@ -1,21 +0,0 @@
-class Scroll {
-  constructor() {
-    const self = this;
-    const body = document.getElementsByClassName('Vlt-main')[0];
-
-    document.addEventListener('DOMContentLoaded', function() {
-      body.addEventListener('scroll', self.onScroll);
-    });
-  }
-
-  onScroll(event) {
-    const scrollTop = event.target.scrollTop;
-    const codeNav = document.getElementsByClassName('Nxd-api__code__header')[0];
-
-    if (scrollTop > 70 && codeNav) {
-      codeNav.classList.add('Nxd-api__code__header--sticky');
-    } else if (codeNav) {
-      codeNav.classList.remove('Nxd-api__code__header--sticky');
-    }
-  }
-}

data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/core.scss

@@ -1,137 +0,0 @@
-@import "./variables";
-@import "./nexmo";
-@import "./mediaqueries";
-
-* {
-  box-sizing: border-box;
-  font-smoothing: antialiased;
-  -webkit-font-smoothing: antialiased;
-}
-
-body {
-  display: flex;
-  min-height: 100vh;
-  flex-direction: column;
-}
-
-.Nxd-template {
-  display: flex;
-  flex-flow: row wrap;
-  width: 100%;
-  justify-content: center;
-}
-
-.Nxd-main {
-  outline: none;
-}
-
-@media #{$M-plus} {
-  .Nxd-main {
-    height: calc(100vh - 111px);
-  }
-}
-
-.Nxd-landing-main {
-  padding: $unit3 $unit4;
-}
-
-.container {
-  max-width: 1300px;
-  padding: $unit3 $spacing 0;
-  margin: auto;
-}
-
-.row {
-  max-width: 1300px;
-  margin-left: -0.9375rem;
-  margin-right: -0.9375rem;
-}
-
-img {
-  max-width: 100%;
-}
-
-table {
-  code {
-    white-space: nowrap;
-  }
-}
-
-.spacious {
-  padding: $spacing*2 0;
-}
-
-.clearfix {
-  content: "";
-  display: table;
-  clear: both;
-}
-
-@keyframes spin {
-  0%   {-webkit-transform: rotate(0deg)}
-  100% {-webkit-transform: rotate(359deg)}
-}
-
-.spinner {
-  width: 100%;
-  margin: $spacing*2 0;
-  text-align: center;
-  animation: spin 1.2s infinite ease-in-out;
-  i {
-    font-size: 40px;
-    color: $mint;
-  }
-}
-
-.flex {
-  display: flex;
-}
-
-.flex--auto {
-  > * { flex: 1; }
-}
-
-.hide {
-  display: none;
-}
-
-.grecaptcha-badge {
-  display: none;
-}
-
-.float-right {
-  float: right;
-}
-
-.Nxd-header-notices {
-  .Vlt-callout {
-    margin-bottom: $unit4;
-  }
-}
-
-table {
-  .Vlt-icon:not(.Vlt-icon--smaller) {
-    display: block;
-    margin: 0 auto;
-  }
-}
-
-.Vlt-title--icon {
-  position: relative
-}
-
-.heading-permalink {
-  opacity: 0;
-  transition: opacity 0.2s;
-  position: absolute;
-  left: -20px;
-
-  svg {
-    height: 18px !important;
-    width: 18px !important;
-  }
-
-  .Vlt-title--icon:hover & {
-    opacity: 1;
-  }
-}

data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/navigation.scss

@@ -1,102 +0,0 @@
-@mixin highlighted-navigation($color) {
-  a, span {
-    color: $color;
-    opacity: 0.8;
-    transition: opacity 200ms ease-in-out;
-
-    &:hover {
-      opacity: 1;
-    }
-  }
-}
-
-.Vlt-sidenav {
-  flex: 0 0 300px;
-  width: 300px;
-}
-
-.Vlt-sidemenu--flat {
-  .Vlt-sidemenu__link {
-    padding: 4px 10px;
-  }
-
-  li {
-    a {
-      font-weight: 900;
-    }
-
-    li {
-      a {
-        font-weight: 600;
-      }
-
-      li {
-        a {
-          font-weight: 400;
-        }
-      }
-    }
-  }
-}
-
-.Vlt-sidemenu__title + ul > li {
-  margin-left: 0 !important;
-}
-
-@media #{$M-plus} {
-  .Vlt-sidenav {
-    height: calc(100vh - 111px);
-  }
-}
-
-.navigation--documentation {
-  .navigation-item--api-reference a {
-    color: $blue-dark;
-  }
-
-  .navigation-item--sdk-documentation > a {
-    color: $green
-  }
-
-  .navigation-item--ncco-reference a {
-    color: $teal;
-
-    .navigation-item--ncco-reference a {
-      color: $teal;
-    }
-  }
-}
-
-#Vlt-sidenav-mobile-trigger {
-  display: inline-block;
-  margin-top: $unit0;
-  margin-right: $unit2;
-
-  svg {
-    height: 24px;
-    width: 24px;
-  }
-
-  @media #{$M-plus} {
-    display: none;
-  }
-}
-
-.Nxd-tutorial {
-  border-right: 1px solid silver;
-}
-.Nxd-tutorial-sidenav {
-  a {
-    color: black;
-  }
-  padding: 0px;
-
-  li li {
-    margin-left: 10px !important;
-  }
-}
-
-
-.Vlt-sidemenu__link_active {
-  color: white !important;
-}

data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/nexmo.scss

@@ -1,61 +0,0 @@
-$blue-light: $blue;
-$pink: #E6547B;
-$peach: #F88175;
-$ice: #f9fbfd;
-$mint: #E4EEF3;
-$atom: #282c34;
-
-$gray: #A1A1A1;
-$gray-light: lighten($gray, 25%);
-$stone-light: #93B6C7;
-$stone: #224E66;
-$stone-dark: #193c56;
-$gray-dark: #252A2D;
-
-$sms: #40569F;
-$sms-light: #EFF3FE;
-$number-insight: #57AF7B;
-$number-insight-light: #F3FFF8;
-$voice: #E7883C;
-$voice-light: #FDF7F1;
-$chat: #CA579C;
-$verify: #7C578D;
-$verify-light: #FCF8FF;
-$account: #D65E7C;
-$account-light: #FDF3F8;
-
-$primary: $pink;
-$positive: $green;
-$negative: $red;
-$warning: $orange;
-$background: $ice;
-$text: $stone;
-$text-subtle: desaturate(lighten($text, 15%), 20%);
-$code-background: $atom;
-
-$callback: $orange;
-$webhook: $orange;
-
-$spacing: 20px;
-$radius: 3px;
-$radius-top: $radius $radius 0 0;
-$radius-bottom: 0 0 $radius $radius;
-$shadow-soft: 1px 0 8px rgba(44, 45, 48, 0.2);
-$shadow: 0 2px 14px 0 rgba(0,0,0,0.12);
-$shadow-hard: 0 1px 8px 0 rgba(0,0,0,0.30);
-
-$border-color: darken($mint, 5%);
-$border-color-ligher: $mint;
-$border: 1px solid $border-color;
-
-$golden-ratio: 1.618;
-
-$font-family: 'Spezia-Regular', sans-serif;
-
-.Vlt-sidenav {
-  display: inline-flex; // Temporary
-}
-
-body {
-  background: $grey-lighter;
-}

data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/syntax.scss

@@ -1,63 +0,0 @@
-.highlight .c { color: $grey-dark } /* Comment */
-.highlight .err { color: $red-lighter; background-color: rgba($red-light, 0.7) } /* Error */
-.highlight .k { color: $blue-light } /* Keyword */
-.highlight .l { color: $purple-light } /* Literal */
-.highlight .n { color: $grey } /* Name */
-.highlight .o { color: $red-light } /* Operator */
-.highlight .p { color: $grey } /* Punctuation */
-.highlight .cm { color: $grey-dark } /* Comment.Multiline */
-.highlight .cp { color: $grey-dark } /* Comment.Preproc */
-.highlight .c1 { color: $grey-dark } /* Comment.Single */
-.highlight .cs { color: $grey-dark } /* Comment.Special */
-.highlight .ge { font-style: italic } /* Generic.Emph */
-.highlight .gs { font-weight: bold } /* Generic.Strong */
-.highlight .kc { color: $blue-light } /* Keyword.Constant */
-.highlight .kd { color: $blue-light } /* Keyword.Declaration */
-.highlight .kn { color: $red-light } /* Keyword.Namespace */
-.highlight .kp { color: $blue-light } /* Keyword.Pseudo */
-.highlight .kr { color: $blue-light } /* Keyword.Reserved */
-.highlight .kt { color: $blue-light } /* Keyword.Type */
-.highlight .ld { color: $yellow } /* Literal.Date */
-.highlight .m { color: $purple-light } /* Literal.Number */
-.highlight .s { color: $yellow } /* Literal.String */
-.highlight .na { color: $green-light } /* Name.Attribute */
-.highlight .nb { color: $grey } /* Name.Builtin */
-.highlight .nc { color: $green-light } /* Name.Class */
-.highlight .no { color: $blue-light } /* Name.Constant */
-.highlight .nd { color: $green-light } /* Name.Decorator */
-.highlight .ni { color: $grey } /* Name.Entity */
-.highlight .ne { color: $green-light } /* Name.Exception */
-.highlight .nf { color: $green-light } /* Name.Function */
-.highlight .nl { color: $grey } /* Name.Label */
-.highlight .nn { color: $grey } /* Name.Namespace */
-.highlight .nx { color: $green-light } /* Name.Other */
-.highlight .py { color: $grey } /* Name.Property */
-.highlight .nt { color: $red-light } /* Name.Tag */
-.highlight .nv { color: $grey } /* Name.Variable */
-.highlight .ow { color: $red-light } /* Operator.Word */
-.highlight .w { color: $grey } /* Text.Whitespace */
-.highlight .mf { color: $purple-light } /* Literal.Number.Float */
-.highlight .mh { color: $purple-light } /* Literal.Number.Hex */
-.highlight .mi { color: $purple-light } /* Literal.Number.Integer */
-.highlight .mo { color: $purple-light } /* Literal.Number.Oct */
-.highlight .sb { color: $yellow } /* Literal.String.Backtick */
-.highlight .sc { color: $yellow } /* Literal.String.Char */
-.highlight .sd { color: $yellow } /* Literal.String.Doc */
-.highlight .s2 { color: $yellow } /* Literal.String.Double */
-.highlight .se { color: $purple-light } /* Literal.String.Escape */
-.highlight .sh { color: $yellow } /* Literal.String.Heredoc */
-.highlight .si { color: $orange-light } /* Literal.String.Interpol */
-.highlight .sx { color: $yellow } /* Literal.String.Other */
-.highlight .sr { color: $yellow } /* Literal.String.Regex */
-.highlight .s1 { color: $yellow } /* Literal.String.Single */
-.highlight .ss { color: $yellow } /* Literal.String.Symbol */
-.highlight .bp { color: $grey } /* Name.Builtin.Pseudo */
-.highlight .vc { color: $grey } /* Name.Variable.Class */
-.highlight .vg { color: $grey } /* Name.Variable.Global */
-.highlight .vi { color: $grey } /* Name.Variable.Instance */
-.highlight .il { color: $purple-light } /* Literal.Number.Integer.Long */
-
-.highlight .gh { } /* Generic Heading & Diff Header */
-.highlight .gu { color: $grey-dark; } /* Generic.Subheading & Diff Unified/Comment? */
-.highlight .gd { color: $red-light; } /* Generic.Deleted & Diff Deleted */
-.highlight .gi { color: $green-light; } /* Generic.Inserted & Diff Inserted */

data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/typography.scss

@@ -1,248 +0,0 @@
-ul, ol, p, h1, h2, h3, h4, h5, h6, table {
-  pre code {
-    display: inline;
-    border: none;
-    color: inherit;
-    background: none;
-    padding: 0;
-    margin: 0;
-    border-radius: none;
-  }
-}
-
-a {
-  nav &, h1 & {
-    border-bottom: none;
-  }
-}
-
-.center {
-  text-align: center;
-}
-
-.left {
-  text-align: left;
-}
-
-.right {
-  text-align: right;
-}
-
-.indent {
-  margin-left: $spacing * 1.5;
-}
-
-pre.highlight {
-  background: $black;
-  -webkit-font-smoothing: antialiased;
-  padding: $spacing;
-  color: $white;
-  margin-bottom: $spacing;
-  line-height: 1.35;
-  overflow: auto;
-  position: relative;
-  border-radius: 4px;
-
-  code {
-    color: $grey-light;
-  }
-}
-
-pre {
-  font-family: Consolas, monospace;
-  font-size: 16px;
-}
-
-.gutter {
-  color: #5f697c;
-  text-align: right;
-  padding-right: 5px;
-  user-select: none;
-}
-
-.active {
-  color: $blue-dark;
-}
-
-.Nxd-article {
-
-  li ul, li ol {
-    margin-top: 5px;
-  }
-
-  ul {
-    margin-bottom: 15px;
-  }
-
-  ul li {
-    font-size: 1em;
-    margin-bottom: 5px;
-  }
-
-  .tight {
-    margin: 0;
-  }
-}
-
-.tight {
-  margin: 0;
-}
-
-.color-text {
-  color: $text;
-}
-
-.color--warn {
-  color: $orange;
-}
-
-.color--error {
-  color: $red;
-}
-
-.color--success {
-  color: $green;
-}
-
-.meta {
-  display: block;
-  color: mix($stone, $stone-light);
-  text-transform: uppercase;
-  font-weight: 700;
-  font-size: 13px;
-  margin-bottom: 5px;
-}
-
-.tooltip {
-  position: relative;
-  display: inline-block;
-  color: $text-subtle;
-  border-bottom: 1px dotted $stone-light;
-  font-size: 0.95em;
-  cursor: pointer;
-
-  &:before {
-    display: none;
-    content: ' ';
-    width: 0;
-    height: 0;
-    border-style: solid;
-    border-width: 0 10px 12px 10px;
-    border-color: transparent transparent $atom transparent;
-    position: absolute;
-    left: 50%;
-    margin-left: -5px;
-    bottom: -12px;
-  }
-
-  &:after {
-    display: none;
-    content: attr(data-text);
-    pointer-events: none;
-    background: $atom;
-    color: $white;
-    padding: $spacing / 2;
-    position: absolute;
-    width: 300px;
-    left: 50%;
-    margin-left: -150px;
-    margin-top: 10px;
-    text-align: center;
-    z-index: 2;
-  }
-
-  &:hover, &:focus {
-    outline: none;
-    color: $pink;
-    border-bottom-color: $pink;
-    &:before, &:after {
-      display: block;
-    }
-  }
-}
-
-.flash {
-  font-size: 1.2em;
-  margin: $spacing 0;
-  color: $pink;
-}
-
-.version {
-  margin-top: $spacing * 2;
-}
-
-.api-path {
-  display: block;
-  border: 2px solid $mint;
-  border-radius: 4px;
-  overflow: hidden;
-  margin-bottom: $spacing;
-  font-size: 1.2em;
-  background: $white;
-
-  .api-path-parameter {
-    color: $pink;
-  }
-
-  .api-path-method {
-    display: inline-block;
-    font-family: Consolas, monospace;
-    color: $blue-dark;
-    background: mix($blue-dark, $white, 5%);
-    border-right: 1px solid mix($blue-dark, $white, 15%);
-    margin-right: 10px;
-    font-weight: 700;
-    padding: 6px $spacing 3px $spacing;
-
-    &--post {
-      color: $green;
-      background: mix($green, $white, 5%);
-      border-right: 1px solid mix($green, $white, 15%);
-    }
-
-    &--delete {
-      color: $red;
-      background: mix($red, $white, 5%);
-      border-right: 1px solid mix($red, $white, 15%);
-    }
-
-    &--update {
-      color: $orange;
-      background: mix($orange, $white, 5%);
-      border-right: 1px solid mix($orange, $white, 15%);
-    }
-  }
-
-  .api-path-host {
-    margin-right: -10px;
-    color: mix($text-subtle, $gray-light);
-  }
-}
-
-.api-reference {
-  b {
-    color: $text-subtle;
-  }
-}
-
-.flag {
-  text-transform: uppercase;
-  font-size: 0.82em;
-  font-weight: 600;
-  color: $blue-dark;
-
-  &--strong {
-    color: $red;
-  }
-}
-
-.subtle {
-  color: $text-subtle;
-}
-
-.truncate {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-}