station 0.0.0 → 0.0.93

data/lib/nexmo_developer/app/webpacker/stylesheets/custom/_mixins.scss

@@ -0,0 +1,51 @@
+$tablet: 640px;
+$desktop: 1024px;
+
+@mixin media-query($args...) {
+  $media-type: 'only screen';
+  $media-type-key: 'media-type';
+  $args: keywords($args);
+  $expr: '';
+
+  @if map-has-key($args, $media-type-key) {
+    $media-type: map-get($args, $media-type-key);
+    $args: map-remove($args, $media-type-key);
+  }
+
+  @each $key, $value in $args {
+    @if $value {
+      $expr: "#{$expr} and (#{$key}: #{$value})";
+    }
+  }
+
+  @media #{$media-type} #{$expr} {
+    @content;
+  }
+}
+
+
+@mixin mobile() {
+  $max: $tablet - 1;
+  @include media-query($max-width: $max) {
+    @content;
+  }
+}
+
+@mixin tablet() {
+  $max: $desktop - 1;
+  @include media-query($max-width: $max) {
+    @content;
+  }
+}
+
+@mixin tablet-only() {
+  $min: $tablet;
+  $max: $desktop - 1;
+
+  @include media-query(
+    $min-width: $min,
+    $max-width: $max
+  ) {
+    @content;
+  }
+}

data/lib/nexmo_developer/app/webpacker/stylesheets/custom/_syntax.scss

@@ -0,0 +1,63 @@
+.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_developer/app/webpacker/stylesheets/custom/_typography.scss

@@ -0,0 +1,248 @@
+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;
+}

data/lib/nexmo_developer/app/webpacker/stylesheets/custom/_variables.scss

@@ -0,0 +1,23 @@
+$atom: #282c34;
+$gray: #A1A1A1;
+$gray-light: lighten($gray, 25%);
+$gray-dark: #252A2D;
+
+$mint: #E4EEF3;
+$pink: #E6547B;
+$stone-light: #93B6C7;
+$stone: #224E66;
+$stone-dark: #193c56;
+
+$text: $stone;
+$text-subtle: desaturate(lighten($text, 15%), 20%);
+$code-background: $atom;
+
+$radius: 3px;
+$spacing: 20px;
+$shadow: 0 2px 14px 0 rgba(0,0,0,0.12);
+$shadow-soft: 1px 0 8px rgba(44, 45, 48, 0.2);
+
+$border-color: darken($mint, 5%);
+$border-color-ligher: $mint;
+$border: 1px solid $border-color;

data/lib/nexmo_developer/app/webpacker/stylesheets/layout/_api.scss

@@ -0,0 +1,166 @@
+.Nxd-content {
+  display: flex;
+}
+
+.Nxd-menu__indent {
+  margin-left: 31px !important;
+}
+
+.Nxd-method-badge {
+  text-transform: uppercase;
+  font-family: monospace;
+
+  &--post {
+    background: $green;
+  }
+
+  &--get {
+    background: $blue-dark;
+  }
+
+  &--delete {
+    background: $red;
+  }
+
+  &--patch {
+    background: $teal;
+  }
+
+  &--put {
+    background: $purple-dark;
+  }
+}
+
+.table-no-line {
+  td {
+    border-bottom: none !important;
+  }
+}
+
+.Nxd-api {
+  padding-top: 0;
+  padding-right: $unit2;
+
+  @media #{$S-only} {
+    padding-left: $unit2;
+  }
+
+  &__code {
+    background: $grey-light;
+    border-bottom: 1px solid $grey-lighter;
+    padding: $unit2;
+
+    .Vlt-tabs__link_active {
+      &:before {
+        background: $grey-light;
+      }
+    }
+
+    .Nxd-api__responses .Vlt-accordion {
+      margin-top: 16px;
+    }
+
+    h4,
+    h5 {
+      color: $grey-darker;
+    }
+
+    &__header {
+      margin: -#{$unit3} -#{$unit2} #{$unit2} -#{$unit2};
+
+      .Vlt-native-dropdown {
+        margin-right: $unit2;
+        float: right;
+
+        select {
+          padding-right: 38px;
+        }
+      }
+
+      &--sticky {
+        position: fixed;
+        top: 135px;
+        width: 27.5%;
+        z-index: 1000;
+        right: 36px;
+
+        @media #{$S-only} {
+          left: 0;
+          padding: 0 $unit1;
+          top: 52px;
+          width: 100vw;
+          margin: 0;
+
+        }
+      }
+    }
+
+    .Vlt-accordion__trigger {
+      &:after {
+        border-radius: 100%;
+      }
+    }
+  }
+
+  &__docs {
+    padding-top: $unit3;
+
+    @media #{$M-plus} {
+      border-bottom: 1px solid $grey-light;
+      padding-top: $unit5;
+    }
+
+    .Vlt-tooltip {
+      white-space: nowrap;
+    }
+  }
+
+  &--noborder {
+    margin-bottom: -$unit2;
+
+    .Nxd-api__docs {
+      border: 0;
+    }
+
+    .Nxd-api__code {
+      border: 0;
+
+      @media #{$S-only} {
+        display: none;
+      }
+    }
+  }
+}
+
+
+.Nxd-version {
+  p {
+    text-transform: uppercase;
+    font-size: 1.3rem !important;
+  }
+
+  a {
+    font-size: 1.3rem !important;
+    color: #005282 !important;
+    &.active {
+      font-weight: bold;
+    }
+  }
+}
+
+.api-path-parameter {
+  color: $aqua-dark;
+}
+
+.Nxd-api__title {
+  display: flex;
+  align-items: baseline;
+
+  h1 {
+    margin-right: 10px;
+  }
+}
+
+.oas-page .Nxd-header {
+  position: static;
+}