nitro_sg 3.0.0 → 3.0.1

data/sass-mixins/nitro-ui/navigation/_all.scss

@@ -0,0 +1,36 @@
+
+// Navs
+@import "navs/variables";
+@import "navs/navs";
+@import "navs/nav";
+@import "navs/nav-dropdowns";
+@import "navs/nav-justified";
+@import "navs/nav-pills";
+@import "navs/nav-tabs-justified";
+@import "navs/nav-tabs";
+@import "navs/tabbable-tabs";
+
+// Navbar
+@import "navbar/variables";
+@import "navbar/mixins";
+@import "navbar/navbar";
+@import "navbar/brand";
+@import "navbar/collapse-content";
+@import "navbar/dropdowns-buttons";
+@import "navbar/position";
+@import "navbar/floats";
+@import "navbar/forms";
+@import "navbar/header";
+@import "navbar/inverse-navbar";
+@import "navbar/default-navbar";
+@import "navbar/light-navbar";
+@import "navbar/links";
+@import "navbar/text";
+@import "navbar/toggle-button";
+@import "navbar/flush";
+
+
+// Misc
+@import "breadcrumbs";
+@import "pagination";
+@import "pager";

data/sass-mixins/nitro-ui/navigation/_breadcrumbs.scss

@@ -0,0 +1,30 @@
+
+$breadcrumb-padding-vertical:   8px !default;
+$breadcrumb-padding-horizontal: 15px !default;
+$breadcrumb-bg:                 $sky-light !default;
+$breadcrumb-color:              $ink-lightest !default;
+$breadcrumb-active-color:       $ink-lightest !default;
+$breadcrumb-separator:          "/" !default;
+
+
+.breadcrumb {
+  padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal;
+  margin-bottom: $line-height-computed;
+  list-style: none;
+  background-color: $breadcrumb-bg;
+  border-radius: $border-radius-base;
+
+  > li {
+    display: inline-block;
+
+    + li:before {
+      content: "#{$breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
+      padding: 0 5px;
+      color: $breadcrumb-color;
+    }
+  }
+
+  > .active {
+    color: $breadcrumb-active-color;
+  }
+}

data/sass-mixins/nitro-ui/navigation/_pager.scss

@@ -0,0 +1,71 @@
+//== Pager
+//
+//##
+
+$pager-bg:                             $pagination-bg !default;
+$pager-border:                         $pagination-border !default;
+$pager-border-radius:                  15px !default;
+
+$pager-hover-bg:                       $pagination-hover-bg !default;
+
+$pager-active-bg:                      $pagination-active-bg !default;
+$pager-active-color:                   $pagination-active-color !default;
+
+$pager-disabled-color:                 $pagination-disabled-color !default;
+
+$pager-padding: 9px 15px 10px;
+
+//
+// Pager pagination
+// --------------------------------------------------
+
+
+.pager {
+  padding-left: 0;
+  margin: $line-height-computed 0;
+  list-style: none;
+  text-align: center;
+  @include clearfix;
+  li {
+    display: inline;
+    > a,
+    > span {
+      display: inline-block;
+      padding: 5px 14px;
+      background-color: $pager-bg;
+      border: 1px solid $pager-border;
+      border-radius: $pager-border-radius;
+    }
+
+    > a:hover,
+    > a:focus {
+      text-decoration: none;
+      background-color: $pager-hover-bg;
+    }
+  }
+
+  .next {
+    > a,
+    > span {
+      float: right;
+    }
+  }
+
+  .previous {
+    > a,
+    > span {
+      float: left;
+    }
+  }
+
+  .disabled {
+    > a,
+    > a:hover,
+    > a:focus,
+    > span {
+      color: $pager-disabled-color;
+      background-color: $pager-bg;
+      cursor: $cursor-disabled;
+    }
+  }
+}

data/sass-mixins/nitro-ui/navigation/_pagination.scss

@@ -0,0 +1,212 @@
+//== Pagination
+//
+//##
+
+
+$pagination-color:                     mix($brand-primary, white, 20%);
+$pagination-bg:                        #fff;
+$pagination-border:                    #ddd;
+
+$pagination-hover-color:               $link-hover-color;
+$pagination-hover-bg:                  $gray-5;
+$pagination-hover-border:              #ddd;
+
+$pagination-active-color:              #fff;
+$pagination-active-bg:                 $brand-primary;
+$pagination-active-border:             $brand-primary;
+
+$pagination-disabled-color:            $gray-light;
+$pagination-disabled-bg:               #fff;
+$pagination-disabled-border:           #ddd;
+
+
+
+// Pagination
+
+@mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
+  > li {
+    > a,
+    > span {
+      padding: $padding-vertical $padding-horizontal;
+      font-size: $font-size;
+      line-height: $line-height;
+    }
+    &:first-child {
+      > a,
+      > span {
+        @include border-left-radius($border-radius);
+      }
+    }
+    &:last-child {
+      > a,
+      > span {
+        @include border-right-radius($border-radius);
+      }
+    }
+  }
+}
+
+
+
+
+
+//
+// Pagination (multiple pages)
+// --------------------------------------------------
+.pagination {
+  display: inline-block;
+  padding-left: 0;
+  margin: $line-height-computed 0;
+  border-radius: $border-radius-base;
+
+  > li {
+    display: inline; // Remove list-style and block-level defaults
+    > a,
+    > span {
+      position: relative;
+      float: left; // Collapse white-space
+      padding: 3px 13px;
+      line-height: $line-height-base;
+      text-decoration: none;
+      color: $sky-dark;
+      font-size: $font-small;
+      @include smooth-font;
+      background-color: $white;
+      border: 1px solid $border-color;
+      margin-left: -1px;
+      font-weight: $bold
+    }
+    &:first-child {
+      > a,
+      > span {
+        margin-left: 0;
+        @include border-left-radius($border-radius-base);
+      }
+    }
+    &:last-child {
+      > a,
+      > span {
+        @include border-right-radius($border-radius-base);
+      }
+    }
+  }
+
+  > li > a,
+  > li > span {
+    &:hover,
+    &:focus {
+      z-index: 3;
+      color: $ink-lighter;
+      // background-color: $pagination-hover-bg;
+      // border-color: $border-color;
+    }
+  }
+
+  > .active > a,
+  > .active > span {
+    &,
+    &:hover,
+    &:focus {
+      z-index: 2;
+      @include text-color($ink-lighter);
+      background-color: $ink-lighter;
+      // border-color: $ink-lighter;
+      cursor: default;
+    }
+  }
+
+  > .disabled {
+    display: none;
+    > span,
+    > span:hover,
+    > span:focus,
+    > a,
+    > a:hover,
+    > a:focus {
+      color: $pagination-disabled-color;
+      background-color: $pagination-disabled-bg;
+      border-color: $pagination-disabled-border;
+      cursor: $cursor-disabled;
+    }
+  }
+}
+
+// Sizing
+// --------------------------------------------------
+
+// Large
+.pagination-lg {
+  @include pagination-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large);
+}
+
+// Small
+.pagination-sm {
+  @include pagination-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
+}
+
+
+// OVERRIDES FROM NITRO
+
+/* Only show previous, active and next links in pagination for smaller screens */
+.pagination {
+  margin: 10px 0;
+
+  @media print { display: none; }
+
+  &.alpha {
+    margin: 0 0 15px 0;
+
+    a {
+      font-size: 18px;
+      padding: 0 6px;
+
+      &:hover, &:focus {
+        border-radius: 4px;
+        background-color: #b6ea64;
+        text-decoration: none;
+      }
+    }
+
+    .current {
+      border-radius: 4px;
+      font-size: 18px;
+      padding: 0 6px;
+    }
+
+    .disabled {
+      font-size: 18px;
+      padding: 0 6px;
+    }
+  }
+}
+
+@media only screen and (max-width: 767px) {
+  .pagination {
+    li {
+      display: none;
+
+      &.prev,
+      &.next,
+      &.active { display: inline; }
+    }
+  }
+}
+
+/* smallest viewport - like mobile app */
+@media (max-width: 380px) {
+
+  .pagination {
+    &.alpha {
+      position: absolute;
+      right: 22px;
+      top: 163px;
+      width: 20px;
+      z-index: 1000;
+      line-height: 23px;
+      display: block;
+
+      a:hover, a:focus  { font-size: 25px; }
+    }
+  }
+
+} /*end of 380px media query*/

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

@@ -0,0 +1,25 @@
+// Brand/project name
+
+.navbar-brand {
+  float: left;
+  padding: $navbar-padding-vertical $navbar-padding-horizontal;
+  font-size: $font-size-large;
+  line-height: $line-height-computed;
+  height: $navbar-height;
+
+  &:hover,
+  &:focus {
+    text-decoration: none;
+  }
+
+  > img {
+    display: block;
+  }
+
+  @media (min-width: $grid-float-breakpoint) {
+    .navbar > .container &,
+    .navbar > .container-fluid & {
+      margin-left: -$navbar-padding-horizontal;
+    }
+  }
+}

data/sass-mixins/nitro-ui/navigation/navbar/_collapse-content.scss

@@ -0,0 +1,49 @@
+// Navbar collapse (body)
+//
+// Group your navbar content into this for easy collapsing and expanding across
+// various device sizes. By default, this content is collapsed when <768px, but
+// will expand past that for a horizontal display.
+//
+// To start (on mobile devices) the navbar links, forms, and buttons are stacked
+// vertically and include a `max-height` to overflow in case you have too much
+// content for the user's viewport.
+
+.navbar-collapse {
+  overflow-x: visible;
+  padding-right: $navbar-padding-horizontal;
+  padding-left:  $navbar-padding-horizontal;
+  border-top: 1px solid transparent;
+  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
+  @include clearfix;
+  -webkit-overflow-scrolling: touch;
+
+  &.in {
+    overflow-y: auto;
+  }
+
+  @media (min-width: $grid-float-breakpoint) {
+    width: auto;
+    border-top: 0;
+    box-shadow: none;
+
+    &.collapse {
+      display: block !important;
+      height: auto !important;
+      padding-bottom: 0; // Override default setting
+      overflow: visible !important;
+    }
+
+    &.in {
+      overflow-y: visible;
+    }
+
+    // Undo the collapse side padding for navbars with containers to ensure
+    // alignment of right-aligned contents.
+    .navbar-fixed-top &,
+    .navbar-static-top &,
+    .navbar-fixed-bottom & {
+      padding-left: 0;
+      padding-right: 0;
+    }
+  }
+}

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

@@ -0,0 +1,33 @@
+$navbar-default-color:             $gray-9;
+$navbar-default-bg:                $white;
+$navbar-default-border:            $border-color;
+
+// Navbar links
+$navbar-default-link-color:                #777 !default;
+$navbar-default-link-hover-color:          #333 !default;
+$navbar-default-link-hover-bg:             transparent !default;
+$navbar-default-link-active-color:         $black;
+$navbar-default-link-active-bg:            darken($navbar-default-bg, 6.5%) !default;
+$navbar-default-link-disabled-color:       #ccc !default;
+$navbar-default-link-disabled-bg:          transparent !default;
+
+// Navbar brand label
+$navbar-default-brand-color:               $navbar-default-link-color !default;
+$navbar-default-brand-hover-color:         darken($navbar-default-brand-color, 10%) !default;
+$navbar-default-brand-hover-bg:            transparent !default;
+
+// Navbar toggle
+$navbar-default-toggle-hover-bg:           #ddd !default;
+$navbar-default-toggle-icon-bar-bg:        #888 !default;
+$navbar-default-toggle-border-color:       #ddd !default;
+
+
+
+
+// Alternate navbars
+// --------------------------------------------------
+
+// Default navbar
+.navbar-default {
+  @include navbar-color($navbar-default-bg, $navbar-default-border, $power-blue);
+}