nitro_sg 3.0.0 → 3.0.1

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

@@ -0,0 +1,70 @@
+//
+// Navs
+// --------------------------------------------------
+
+
+// Base class
+// --------------------------------------------------
+
+.nav {
+  margin-bottom: 0;
+  padding-left: 0; // Override default ul/ol
+  list-style: none;
+  @include clearfix;
+
+  > li {
+    position: relative;
+    display: block;
+
+    > a {
+      position: relative;
+      display: block;
+      padding:($space-small - 3px) $space-large;
+      &:hover,
+      &:focus {
+        text-decoration: none;
+        @include text-color($sky);
+        background-color: $sky;
+      }
+    }
+
+    // Disabled state sets text to gray and nukes hover/tab effects
+    &.disabled > a {
+      color: $nav-disabled-link-color;
+
+      &:hover,
+      &:focus {
+        color: $nav-disabled-link-hover-color;
+        text-decoration: none;
+        background-color: transparent;
+        cursor: $cursor-disabled;
+      }
+    }
+  }
+
+  // Open dropdowns
+  .open > a {
+    &,
+    &:hover,
+    &:focus {
+      background-color: $nav-link-hover-bg;
+      border-color: $link-color;
+    }
+  }
+
+  // Nav dividers (deprecated with v3.0.1)
+  //
+  // This should have been removed in v3 with the dropping of `.nav-list`, but
+  // we missed it. We don't currently support this anywhere, but in the interest
+  // of maintaining backward compatibility in case you use it, it's deprecated.
+  .nav-divider {
+    @include nav-divider;
+  }
+
+  // Prevent IE8 from misplacing imgs
+  //
+  // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
+  > li > a > img {
+    max-width: none;
+  }
+}

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

@@ -0,0 +1,12 @@
+// Tabbable tabs
+// -------------------------
+
+// Hide tabbable panes to start, show them when `.active`
+.tab-content {
+  > .tab-pane {
+    display: none;
+  }
+  > .active {
+    display: block;
+  }
+}

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

@@ -0,0 +1,23 @@
+//=== Shared nav styles
+$nav-link-padding:                          10px 15px !default;
+$nav-link-hover-bg:                         $gray-5 !default;
+
+$nav-disabled-link-color:                   $gray-light !default;
+$nav-disabled-link-hover-color:             $gray-light !default;
+
+//== Tabs
+$nav-tabs-border-color:                     #ddd !default;
+
+$nav-tabs-link-hover-border-color:          $gray-5 !default;
+
+$nav-tabs-active-link-hover-bg:             $body-bg !default;
+$nav-tabs-active-link-hover-color:          $gray !default;
+$nav-tabs-active-link-hover-border-color:   #ddd !default;
+
+$nav-tabs-justified-link-border-color:            #ddd !default;
+$nav-tabs-justified-active-link-border-color:     $body-bg !default;
+
+//== Pills
+$nav-pills-border-radius:                   $border-radius-base !default;
+$nav-pills-active-link-hover-bg:            $component-active-bg !default;
+$nav-pills-active-link-hover-color:         $component-active-color !default;

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

@@ -0,0 +1,14 @@
+@import "variables";
+@import "mixins";
+
+@import "reset";
+@import "structure";
+@import "table-card";
+@import "content";
+@import "headers";
+
+@import "hover";
+@import "as-cards";
+@import "single-line";
+@import "table-dark";
+@import "mobile";

data/sass-mixins/nitro-ui/tables/_as-cards.scss

@@ -0,0 +1,49 @@
+table {
+  &.table-sm,
+  &.table-md,
+  &.table-lg {
+    &.as-cards {
+      thead {
+        tr {
+          display: flex;
+          width: 100%;
+
+          th {
+            flex-grow: 1;
+          }
+        }
+      }
+      tbody {
+        tr {
+          display: flex;
+          align-items: stretch;
+          flex-direction: row;
+          justify-content: flex-start;
+          width: 100%;
+          margin: $space-base 0;
+
+          td {
+            background: $white;
+            flex-grow: 1;
+            border-width: 1px 0;
+
+            &:first-child {
+              border-left-width: 1px;
+              border-radius: $border-rad-light 0 0 $border-rad-light;
+            }
+            &:last-child {
+              border-right-width: 1px;
+              border-radius: 0 $border-rad-light $border-rad-light 0;
+            }
+          }
+
+          &:last-child {
+            td {
+              border-top-width: 1px !important;
+            }
+          }
+        }
+      }
+    }
+  }
+}

data/sass-mixins/nitro-ui/tables/_content.scss

@@ -0,0 +1,13 @@
+table {
+  &.table-sm,
+  &.table-md,
+  &.table-lg {
+    tbody {
+      tr {
+        td {
+          font-size: $default-font-size;
+        }
+      }
+    }
+  }
+}

data/sass-mixins/nitro-ui/tables/_headers.scss

@@ -0,0 +1,17 @@
+table {
+  &.table-sm,
+  &.table-md,
+  &.table-lg {
+    thead {
+      tr {
+        th {
+          color: $ink-lightest;
+          font-size: $default-header-size;
+          font-weight: $regular;
+          text-transform: uppercase;
+          border-bottom: 1px solid $sky;
+        }
+      }
+    }
+  }
+}

data/sass-mixins/nitro-ui/tables/_hover.scss

@@ -0,0 +1,66 @@
+$transition-speed: 0.2s;
+
+table {
+  &.table-sm,
+  &.table-md,
+  &.table-lg {
+    &:not(.no-hover) {
+      border-collapse: separate;
+
+      tbody {
+        tr {
+          box-shadow: 0 0 0 $white;
+          transition: box-shadow $transition-speed ease;
+
+          td {
+            border-top-color: transparent;
+            border-top-width: 1px !important;
+            transition: all $transition-speed ease;
+          }
+
+          &:hover {
+            box-shadow: 0 2px 10px 0 $black-opacity-1;
+
+            td {
+              background: $white;
+              border-color: $sky-dark;
+              border-top-width: 1px;
+              border-top-color: transparent;
+            }
+          }
+        }
+      }
+      &.as-cards {
+        tbody {
+          tr {
+            td {
+              border-top-color: $sky;
+              border-top-width: 1px;
+            }
+
+            &:hover {
+              td {
+                border-top-width: 1px;
+                border-top-color: $sky;
+              }
+            }
+          }
+        }
+      }
+      &.table-card {
+        tbody {
+          tr {
+            td {
+              &:first-child {
+                border-left-width: 1px;
+              }
+              &:last-child {
+                border-right-width: 1px;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

data/sass-mixins/nitro-ui/tables/_mobile.scss

@@ -0,0 +1,138 @@
+@media only screen and (max-width: $screen-xs-max) {
+  .table-sm,
+  .table-md,
+  .table-lg {
+    width: 100%;
+    background: none !important;
+
+    thead {
+      tr {
+        left: -9999px;
+        position: absolute;
+        top: -9999px;
+
+        th {
+          display: block;
+          visibility: visible;
+        }
+      }
+    }
+    tbody {
+      tr {
+        td {
+          display: block;
+          visibility: visible;
+          border-left-width: 1px !important;
+          border-right-width: 1px !important;
+          border-bottom-width: 0 !important;
+          border-color: $sky !important;
+          min-height: 2.2em;
+          padding-left: 34%;
+          position: relative;
+          text-align:left;
+          white-space: normal;
+
+          &:before {
+            content: attr(data-title);
+            color: $ink !important;
+            font-weight: $bold !important;
+            text-align: left !important;
+            width: 100% !important;
+            white-space: nowrap !important;
+            text-overflow: ellipsis !important;
+            position: relative !important;
+            top: 0 !important;
+            left: 0 !important;
+            height: 100% !important;
+            padding-left: 0 !important;
+            display: block !important;
+          }
+
+          &:first-child {
+            margin-top: $space-larger !important;
+            border-top-width: 1px !important;
+            border-top-color: $sky !important;
+            border-radius: $border-rad-light $border-rad-light 0 0;
+          }
+
+          &:last-child {
+            border-radius: 0 0 $border-rad-light $border-rad-light;
+            border-bottom-width: 1px !important;
+          }
+        }
+
+        &:first-child {
+          td {
+            &:first-child {
+              margin-top: $space-base !important;
+            }
+          }
+        }
+      }
+    }
+    &.table-card {
+      background: none !important;
+
+      tbody {
+        tr {
+          td {
+            background: $white !important;
+            border-left-width: 1px !important;
+            border-right-width: 1px !important;
+            border-top-width: 1px !important;
+
+            &:first-child {
+              border-radius: $border-rad-light $border-rad-light 0 0 !important;
+            }
+            &:last-child {
+              border-radius: 0 0 $border-rad-light $border-rad-light !important;
+            }
+          }
+        }
+      }
+    }
+    &:hover {
+      tbody {
+        tr {
+          box-shadow: 0 0 0 $white !important;
+        }
+      }
+    }
+  }
+  @each $name, $value in $cell-pad-list {
+    &.#{$name} {
+      tbody {
+        tr {
+          td {
+            &:first-child,
+            &:last-child {
+              padding: $value $cell-gutter !important;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+@media only screen and (max-width: $screen-xs-max) {
+  .table-sm,
+  .table-md,
+  .table-lg {
+    &.hide-labels {
+      tbody {
+        tr {
+          td {
+            &::before {
+              content: '';
+              left: 0;
+              padding-right: 0;
+              position: relative;
+              width: 0;
+            }
+          }
+        }
+      }
+    }
+  }
+}

data/sass-mixins/nitro-ui/tables/_reset.scss

@@ -0,0 +1,17 @@
+table {
+  &.table-sm,
+  &.table-md,
+  &.table-lg {
+    border-collapse: collapse;
+    background-color: unset;
+    background: unset;
+
+    thead {
+      tr {
+        th {
+          text-align: inherit;
+        }
+      }
+    }
+  }
+}

data/sass-mixins/nitro-ui/tables/_single-line.scss

@@ -0,0 +1,35 @@
+table {
+  &.single-line {
+    width: 100%;
+    max-width: 100vw;
+    table-layout: fixed;
+
+    tbody {
+      tr {
+        td {
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          overflow: hidden;
+
+          & > * {
+            &:not(.btn, br) {
+              display: inline-block !important;
+            }
+          }
+
+          .btn {
+            display: block !important;
+          }
+
+          br {
+            content:' ' !important;
+
+            &::after {
+              content:' ';
+            }
+          }
+        }
+      }
+    }
+  }
+}