nitro_sg 3.0.0 → 3.0.1

data/sass-mixins/nitro-ui/navigation/navbar/_position.scss

@@ -0,0 +1,50 @@
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  .navbar-collapse {
+    max-height: $navbar-collapse-max-height;
+
+    @media (max-device-width: $screen-xs-min) and (orientation: landscape) {
+      max-height: 200px;
+    }
+  }
+}
+
+
+//
+// Navbar alignment options
+//
+// Display the navbar across the entirety of the page or fixed it to the top or
+// bottom of the page.
+
+// Static top (unfixed, but 100% wide) navbar
+.navbar-static-top {
+  z-index: $zindex-navbar;
+  border-width: 0 0 1px;
+
+  @media (min-width: $grid-float-breakpoint) {
+    border-radius: 0;
+  }
+}
+
+// Fix the top/bottom navbars when screen real estate supports it
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  position: fixed;
+  right: 0;
+  left: 0;
+  z-index: $zindex-navbar-fixed;
+
+  // Undo the rounded corners
+  @media (min-width: $grid-float-breakpoint) {
+    border-radius: 0;
+  }
+}
+.navbar-fixed-top {
+  top: 0;
+  border-width: 0 0 1px;
+}
+.navbar-fixed-bottom {
+  bottom: 0;
+  margin-bottom: 0; // override .navbar defaults
+  border-width: 1px 0 0;
+}

data/sass-mixins/nitro-ui/navigation/navbar/_text.scss

@@ -0,0 +1,13 @@
+// Text in navbars
+//
+// Add a class to make any element properly align itself vertically within the navbars.
+
+.navbar-text {
+  @include navbar-vertical-align($line-height-computed);
+
+  @media (min-width: $grid-float-breakpoint) {
+    float: left;
+    margin-left: $navbar-padding-horizontal;
+    margin-right: $navbar-padding-horizontal;
+  }
+}

data/sass-mixins/nitro-ui/navigation/navbar/_toggle-button.scss

@@ -0,0 +1,37 @@
+// Navbar toggle
+//
+// Custom button for toggling the `.navbar-collapse`, powered by the collapse
+// JavaScript plugin.
+
+.navbar-toggle {
+  position: relative;
+  float: right;
+  margin-right: $navbar-padding-horizontal;
+  padding: 9px 10px;
+  @include navbar-vertical-align(34px);
+  background-color: transparent;
+  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
+  border: 1px solid transparent;
+  border-radius: $border-radius-base;
+
+  // We remove the `outline` here, but later compensate by attaching `:hover`
+  // styles to `:focus`.
+  &:focus {
+    outline: 0;
+  }
+
+  // Bars
+  .icon-bar {
+    display: block;
+    width: 22px;
+    height: 2px;
+    border-radius: 1px;
+  }
+  .icon-bar + .icon-bar {
+    margin-top: 4px;
+  }
+
+  @media (min-width: $grid-float-breakpoint) {
+    display: none;
+  }
+}

data/sass-mixins/nitro-ui/navigation/navbar/_variables.scss

@@ -0,0 +1,8 @@
+$navbar-height:                     64px;
+$navbar-margin-bottom:              $line-height-computed;
+$navbar-border-radius:              $border-radius-base;
+$navbar-padding-horizontal:         floor(($grid-gutter-width / 2));
+$navbar-padding-vertical:           (($navbar-height - $line-height-computed) / 2);
+$navbar-collapse-max-height:        340px;
+$zindex-navbar:                     999;
+$zindex-navbar-fixed:               1030;

data/sass-mixins/nitro-ui/navigation/navs/_nav-dropdowns.scss

@@ -0,0 +1,10 @@
+// Dropdowns // Here or under dropdowns?
+// -------------------------
+
+// Specific dropdowns
+.nav-tabs .dropdown-menu {
+  // make dropdown border overlap tab border
+  margin-top: -1px;
+  // Remove the top rounded corners here since there is a hard edge above the menu
+  @include border-top-radius(0);
+}

data/sass-mixins/nitro-ui/navigation/navs/_nav-justified.scss

@@ -0,0 +1,32 @@
+// Nav variations
+// --------------------------------------------------
+
+// Justified nav links
+// -------------------------
+
+.nav-justified {
+  width: 100%;
+
+  > li {
+    float: none;
+    > a {
+      text-align: center;
+      margin-bottom: 5px;
+    }
+  }
+
+  > .dropdown .dropdown-menu {
+    top: auto;
+    left: auto;
+  }
+
+  @media (min-width: $screen-sm-min) {
+    > li {
+      display: table-cell;
+      width: 1%;
+      > a {
+        margin-bottom: 0;
+      }
+    }
+  }
+}

data/sass-mixins/nitro-ui/navigation/navs/_nav-pills.scss

@@ -0,0 +1,41 @@
+// Pills
+// -------------------------
+.nav-pills {
+  > li {
+    float: left;
+
+    // Links rendered as pills
+    > a {
+      border-radius: $nav-pills-border-radius;
+      color: $ink-lighter;
+      transition-property: color, border-color, background-color;
+      transition-duration: 0.15s;
+      transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
+    }
+    + li {
+      margin-left: 5px;
+    }
+
+    // Active state
+    &.active > a {
+      &,
+      &:hover,
+      &:focus {
+        @include text-color($power-royal);
+        background-color: $power-royal;
+      }
+    }
+  }
+}
+
+
+// Stacked pills
+.nav-stacked {
+  > li {
+    float: none;
+    + li {
+      margin-top: 2px;
+      margin-left: 0; // no need for this gap between nav items
+    }
+  }
+}

data/sass-mixins/nitro-ui/navigation/navs/_nav-tabs-justified.scss

@@ -0,0 +1,30 @@
+// Move borders to anchors instead of bottom of list
+//
+// Mixin for adding on top the shared `.nav-justified` styles for our tabs
+.nav-tabs-justified {
+  border-bottom: 0;
+
+  > li > a {
+    // Override margin from .nav-tabs
+    margin-right: 0;
+    border-radius: $border-radius-base;
+  }
+
+  > .active > a,
+  > .active > a:hover,
+  > .active > a:focus {
+    border: 1px solid $nav-tabs-justified-link-border-color;
+  }
+
+  @media (min-width: $screen-sm-min) {
+    > li > a {
+      border-bottom: 1px solid $nav-tabs-justified-link-border-color;
+      border-radius: $border-radius-base $border-radius-base 0 0;
+    }
+    > .active > a,
+    > .active > a:hover,
+    > .active > a:focus {
+      border-bottom-color: $nav-tabs-justified-active-link-border-color;
+    }
+  }
+}

data/sass-mixins/nitro-ui/navigation/navs/_nav-tabs.scss

@@ -0,0 +1,41 @@
+// Tabs
+// -------------------------
+
+// Give the tabs something to sit on
+.nav-tabs {
+  border-bottom: 1px solid $nav-tabs-border-color;
+  > li {
+    float: left;
+    // Make the list-items overlay the bottom border
+    margin-bottom: -1px;
+
+    // Actual tabs (as links)
+    > a {
+      margin-right: 2px;
+      line-height: $line-height-base;
+      border: 1px solid transparent;
+      border-radius: $border-radius-base $border-radius-base 0 0;
+      &:hover {
+        border-color: $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color $nav-tabs-border-color;
+      }
+    }
+
+    // Active state, and its :hover to override normal :hover
+    &.active > a {
+      &,
+      &:hover,
+      &:focus {
+        color: $nav-tabs-active-link-hover-color;
+        background-color: $nav-tabs-active-link-hover-bg;
+        border: 1px solid $nav-tabs-active-link-hover-border-color;
+        border-bottom-color: transparent;
+        cursor: default;
+      }
+    }
+  }
+  // pulling this in mainly for less shorthand
+  &.nav-justified {
+    @extend .nav-justified;
+    @extend .nav-tabs-justified;
+  }
+}

data/sass-mixins/nitro-ui/navigation/navs/_nav.scss

@@ -0,0 +1,383 @@
+$header-height: 57px;
+$header-icon-color: #fff;
+$header-icon-hover-color: $power-grey;
+$nav-height: 30px;
+$nav-caret-color: #fff;
+
+.header-placeholder {
+  height: $header-height + $nav-height;
+}
+
+#header {
+  @include title-font;
+  background: $power-royal;
+  color: #999;
+  min-height: $header-height;
+  left: 0;
+  margin: 0;
+  padding: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  transition: all .4s ease-out;
+  -webkit-transition: all .4s ease-out;
+  -moz-transition: all .4s ease-out;
+  z-index: z-index-for("header");
+  web-transition: width 1s;
+
+  .logo {
+    display: block;
+    float: left;
+    margin-top: 12px;
+    margin-left: 15px;
+    text-decoration: none;
+    @include media-max-width(380px) {
+      display: none;
+    }
+
+    h1 { text-indent: -9999px; }
+
+  } /* .logo */
+
+  .navbar-form {
+    margin-top: 10px;
+    margin-bottom: 0;
+  }
+
+  .announcements {
+    position: relative;
+    top: -3px;
+    white-space: nowrap;
+    display: block;
+    text-align: center;
+    .btn {
+      display: block;
+      border-radius: 0;
+    }
+  }
+
+  .triangle {
+    background-image: image-url("widgets/triangle.png");
+    background-size: 14px 7px;
+    height: 7px;
+    margin-top: -7px;
+    margin-left: 70%;
+    width: 14px;
+  }
+  .fa-2x {
+    font-size: 2.2em;
+  }
+
+  .head-nav-link {
+    color: $header-icon-color;
+    display: block;
+    float: left;
+    margin-top: 3px;
+    margin-right: 15px;
+    padding-right: 15px;
+    position: relative;
+
+    &.microphone {
+      margin-top: -1px;
+    }
+
+    span:nth-child(2) {
+      position: absolute;
+      bottom: -14px;
+      right: -4px;
+
+      i:first-child {
+        color: red;
+      }
+      i:last-child {
+        font-size: 10px;
+        color: white;
+      }
+      .fa-play {
+        padding-left: 3px;
+      }
+    }
+
+    /* Power P fill color since it's svg */
+    img, svg.powergon-logo {
+      margin-top: 6px;
+    }
+    path {
+      &.bg { fill: $header-icon-color; }
+      &.fg { fill: $power-royal; }
+    }
+
+    .head-nav-link-caret {
+      position: absolute;
+      top: 10px;
+      right: 0;
+    }
+    .head-nav-link-caret span.caret {
+      border-top: 5px solid $nav-caret-color;
+    }
+
+    &.phone {
+      .fa-phone-square { margin-top: 8px; }
+      .head-nav-link-caret { right: 5px; }
+    }
+
+    &.search {
+      .fa-search { margin-top: 6px; }
+    }
+  }
+  .head-nav-link:hover, .head-nav-link:focus, .head-nav-link:active  {
+    color: $white;
+    outline: 0;
+    text-decoration: none;
+
+    /* Power P fill color since it's svg */
+    path {
+      &.bg { fill: $header-icon-hover-color; }
+    }
+  }
+
+  .spotnitro ~ .logo {
+    margin-left: 0;
+  }
+
+  .badge-connect-unread-messages {
+    bottom: 0.7em;
+    background: $power-red;
+    display: none;
+    position: absolute;
+    right: 1em;
+    width: 10px;
+    height: 10px;
+    border-radius: 10px;
+  }
+
+  #menu-link {
+    margin: 12px 0 0 15px;
+  }
+
+  .profile {
+    margin-top: 5px;
+    margin-right: 5px;
+
+    .profile-avatar {
+      float: left;
+      height: $header-height - 10px;
+      margin-left: 10px;
+      width: $header-height - 10px;
+    }
+    .profile-avatar img {
+      border-radius: $border-rad-light;
+      height: $header-height - 10px;
+      width: $header-height - 10px;
+    }
+
+    .profile-username {
+      color: #fff;
+      float: left;
+      font-size: 13px;
+      line-height: $header-height - 10px;
+      margin-left: 10px;
+    }
+
+    .profile-caret {
+      float: left;
+      margin-top: 8px;
+      margin-right: 8px;
+      padding-left: 5px;
+
+      span.caret { /* colors the caret */
+        border-top: 5px solid $nav-caret-color;
+      }
+    }
+  } /* .profile */
+
+  div.settings-box {
+    border: 1px solid #c9c9c9;
+    background: #fff;
+    -webkit-box-shadow: 0px 0px 18px rgba(50, 50, 50, 0.2);
+    -moz-box-shadow:    0px 0px 18px rgba(50, 50, 50, 0.2);
+    box-shadow:         0px 0px 18px rgba(50, 50, 50, 0.2);
+    color: #5f5f5f;
+    font-size: 13px;
+    margin-top: 10px;
+    padding: 0;
+    width: auto;
+
+    .profile-navigation {
+      margin: 2px 0px;
+      padding: 0;
+      list-style: none;
+
+      h6 {
+        color: $medium-dark-grey;
+        font-size: 9px;
+        text-transform: uppercase;
+      }
+
+      li {
+        &:hover {
+          background: $ultralight-grey;
+        }
+        &:last-child a {
+          border: 0;
+        }
+        a, span {
+          color: #535457;
+          display: block;
+          margin: 0px 10px;
+          padding: 10px 0px;
+
+          &:hover {
+            text-decoration: none;
+          }
+          i {
+            padding-right: 10px;
+          }
+
+          &.text-danger {
+            color: $danger-color;
+          }
+        }
+        span {
+          color: $medium-dark-grey;
+          cursor: default;
+        }
+      }
+    }
+  } /* div.settings-box */
+
+} /* #header */
+
+body.training {
+  #header {
+  background: $ink-lighter;
+  }
+}
+
+#connect-notifier {
+  h6 {
+    color: #fff;
+    margin-bottom: 5px;
+    margin-top: 10px;
+    padding-left: 10px;
+  }
+
+  li {
+    color: #777;
+    font-size: 12px;
+    line-height: 12px;
+    list-style-type: none;
+    margin-bottom: 7px;
+    margin-top: 3px;
+  }
+
+  ul {
+    padding-left: 10px;
+  }
+
+  > h6#connect-mention-header > i.fa {
+    padding-right: 0;
+  }
+
+  #connect-mention-header,
+  #connect-notifier-unread-message-names,
+  #connect-notifier-room-names {
+    display: none;
+  }
+
+  #connect-notifier-unread-message-names,
+  #connect-notifier-room-names {
+    padding-bottom: 10px;
+  }
+}
+
+.connect-link {
+  cursor: pointer;
+}
+
+#main-crumbs.navbar-default {
+  @include title-font;
+  @include box-shadow(0, 2px, 8px, $black-opacity-2);
+  border: none;
+  border-radius: 0;
+  background-color: shade($power-navy, 20%);
+  max-height:$nav-height;
+  min-height: $nav-height;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  top: 5px;
+  -webkit-transition: all .4s ease-out;
+  -moz-transition: all .4s ease-out;
+  transition: all .4s ease-out;
+  web-transition: width 1s;
+  display: block;
+  width: 100%;
+  margin-bottom: 0;
+
+  .navbar-nav > li {
+    border-right: solid 1px rgba($white, $opacity-1);
+  }
+
+  .navbar-nav > li > a {
+    color: $white-opacity-8;
+    font-size: 13px;
+    padding: 0 $space-large;
+    line-height: $nav-height;
+    border-bottom: 0;
+  }
+  .navbar-nav > li > a:hover {
+    color: $white;
+    background-color: shade($power-navy, 40%);
+  }
+
+  .navbar-nav > li.back-to-nitro, .navbar-nav > li.back-to-nitro a {
+    color: #fff;
+  }
+  .navbar-nav > li.back-to-nitro a:hover {
+    color: $power-grey;
+  }
+
+} /* #main-crumbs.navbar-default */
+
+body.training #main-crumbs {
+  background-color: $ink;
+}
+
+.poker-session {
+  a {
+    text-decoration: none;
+    color: $ultralight-grey;
+  }
+
+  a:hover {
+    text-decoration: underline;
+    color: $light-grey-alt;
+  }
+}
+
+
+@media screen and (max-width: 1000px) {
+  .navbar-default {
+    .navbar-nav {
+      margin: 0;
+    }
+    .navbar-nav > li {
+      float: left;
+    }
+  }
+}
+
+.env-information {
+  position: absolute;
+  left: 65px;
+  bottom: 45px;
+  .label.label-warning {
+
+  }
+}
+
+.announcements-hidden .announcements {
+  visibility: hidden;
+  transform: translateX(-2000px);
+}