patternfly-sass 0.0.0.pre.semantically.pre.released → 1.2.0

data/dist/sass/patternfly/_tables.scss

@@ -1,90 +0,0 @@
-//
-// Tables
-// --------------------------------------------------
-
-.table {
-  > thead,
-  > tbody,
-  > tfoot {
-    > tr {
-      > th,
-      > td {
-        padding: $table-cell-padding-top $table-cell-padding $table-cell-padding-bottom;
-        > a:hover {
-          text-decoration: none;
-        }
-      }
-      > th {
-        font-family: "Open Sans";
-        font-style: normal;
-        font-weight: 600;
-      }
-    }
-  }
-  > thead {
-    background-clip: padding-box;
-    background-color: $color-pf-black-150;
-    @include gradient-vertical($start-color: $color-pf-black-100, $end-color: $color-pf-black-200, $start-percent: 0%, $end-percent: 100%);
-  }
-}
-
-.table-bordered {
-  border: 1px solid $table-border-color;
-  > thead,
-  > tbody,
-  > tfoot {
-    > tr {
-      > th,
-      > td {
-        border: 1px solid $table-border-color;
-      }
-    }
-  }
-  > thead > tr {
-    > th,
-    > td {
-      border-bottom-width: 1px;
-    }
-  }
-}
-
-.table-striped {
-  > tbody > tr {
-    &:nth-of-type(even) {
-      background-color: $table-bg-accent;
-    }
-    &:nth-of-type(odd) {
-      background-color: transparent;
-    }
-  }
-}
-
-.table-hover {
-  > tbody > tr:hover {
-    > td,
-    > th {
-      background-color: $table-bg-hover;
-      border-bottom-color: $table-border-hover;
-    }
-  }
-}
-
-.table-treegrid {
-  span.indent {
-    margin-left: 10px;
-    margin-right: 10px;
-  }
-  span.icon {
-    display: inline-block;
-    font-size: 13px;
-    margin-right: 5px;
-    min-width: 10px;
-    text-align: center;
-  }
-  span.expand-icon, span.collapse-icon {
-    cursor: pointer;
-  }
-  > tbody > tr.odd {
-    background-color: $table-bg-accent;
-  }
-}

data/dist/sass/patternfly/_tabs.scss

@@ -1,118 +0,0 @@
-//
-// Tabs
-// --------------------------------------------------
-
-.nav-tabs {
-  font-size: $font-size-large;
-  > li {
-    > a {
-      color: $nav-tabs-color;
-      margin-right: -1px;
-      padding-bottom: 5px;
-      padding-top: 5px;
-      &:active,
-      &:focus,
-      &:hover {
-        background: transparent;
-        border-color: $nav-tabs-border-color;
-        color: $gray-darker;
-      }
-    }
-    > .dropdown-menu {
-      border-top: 0;
-      border-color: $nav-tabs-border-color;
-      &.pull-right {
-        right: -1px;
-      }
-    }
-  }
-  + .nav-tabs-pf, &.nav-tabs-pf-secondary {
-    font-size: $font-size-base;
-    > li:first-child > a {
-      padding-left: 15px;
-      &:before {
-        left: 15px !important;
-      }
-    }
-  }
-  .open > a {
-    &,
-    &:hover,
-    &:focus {
-      background-color: transparent;
-      border-color: $nav-tabs-border-color;
-    }
-  }
-}
-
-.nav-tabs-pf {
-  &.nav-justified {
-    @media (min-width: $grid-float-breakpoint) {
-      border-bottom: 1px solid $nav-tabs-justified-link-border-color;
-    }
-    > li {
-      &:first-child > a {
-        padding-left: 15px;
-      }
-      > a {
-        border-bottom: 0;
-        &:before {
-          left: 0 !important;
-          right: 0 !important;
-        }
-      }
-    }
-  }
-  > li {
-    margin-bottom: 0;
-    &.active > a {
-      @include tab-indicator($background: $nav-tabs-active-link-hover-color);
-      &,
-      &:active,
-      &:focus,
-      &:hover {
-        background-color: transparent;
-        border: 0 !important;
-        color: $link-color;
-        &:before {
-          background: $nav-tabs-active-link-hover-color;
-        }
-      }
-    }
-    &:first-child {
-      > a {
-        padding-left: 0;
-        &:before {
-          left: 0 !important;
-        }
-      }
-    }
-    > a {
-      border: 0;
-      line-height: 1;
-      margin-right: 0;
-      padding-bottom: 10px;
-      padding-top: 10px;
-      &:active,
-      &:focus,
-      &:hover {
-        @include tab-indicator()
-      }
-    }
-    > .dropdown-menu {
-      left: 15px;
-      margin-top: 1px;
-      &.pull-right {
-        left: auto;
-        right: 15px;
-      }
-    }
-  }
-  .open > a {
-    &,
-    &:hover,
-    &:focus {
-      background-color: transparent;
-    }
-  }
-}

data/dist/sass/patternfly/_time-picker.scss

@@ -1,98 +0,0 @@
-//
-// Time Picker
-// --------------------------------------------------
-.bootstrap-datetimepicker-widget {
-  .today-button-pf:before {
-    content: "Today";
-  }
-  &.timepicker-sbs {
-    @media (min-width: $screen-md-min) {
-      .datepicker, .accordion-toggle {
-        border-right: 1px solid $color-pf-black-300;
-      }
-      .timepicker {
-        padding-left: 0;
-        margin-top: 50px;
-      }
-      .picker-switch {
-        width: 50%;
-      }
-    }
-  }
-  a[data-action] {
-    border: 0;
-    box-shadow: none;
-    color: $gray-dark;
-    display: block;
-    padding-bottom: 4px;
-    padding-top: 4px;
-    &:hover { color: $link-color; }
-  }
-  &.dropdown-menu {
-    left: 0!important;
-    padding: 0;
-    width: unquote("calc(100% - 25px)");
-    &:before, &:after {
-      content: none;
-    }
-    &.top {
-      margin-bottom: -1px;
-    }
-    &.bottom {
-      margin-top: -1px;
-    }
-  }
-  .timepicker-hour {
-    width: 100%;
-    &:after {
-      content: ":";
-      float: right;
-    }
-  }
-}
-.timepicker-hours,
-.timepicker-minutes {
-  table td {
-    font-weight: bold;
-    line-height: 30px;
-    height: 30px;
-    &:hover { color: $link-color; }
-  }
-  .table-condensed > tbody > tr > td { padding: 0; }
-}
-.time-picker-pf {
-  .input-group-addon {
-    .fa,
-    .pficon { width: 12px; }
-    &:not(.active) { box-shadow: none; }
-  }
-}
-.timepicker-picker {
-  table td {
-    span,
-    a span {
-      height: 24px;
-      line-height: 24px;
-      margin: 0;
-      width: 100%;
-    }
-  }
-  .table-condensed > tbody > tr > td {
-    height: 25px;
-    line-height: 18px;
-    padding: 0;
-  }
-  button[data-action] { // provisional until the button is removed
-    padding-bottom: 0;
-    padding-top: 0;
-  }
-  .separator { display: none; }
-  tr:nth-child(2) td {
-    background-color: $dropdown-link-hover-bg;
-    border-color: $dropdown-link-hover-border-color;
-    border-style: solid;
-    border-width: 1px;
-    border-left: 0;
-    border-right: 0;
-  }
-}

data/dist/sass/patternfly/_toast.scss

@@ -1,75 +0,0 @@
-//
-// Toast notifications
-// --------------------------------------------------
-
-.toast-pf {
-  background-color: $color-pf-white;
-  border-color: $color-pf-black-400;
-  box-shadow: 0 2px 6px rgba($color-pf-black, (20/100));
-  padding-left: 68px; //15px space between the icon and the text
-  margin-bottom: 5px;
-  &.alert-danger > .pficon  { background-color: $alert-danger-border; }
-  &.alert-info > .pficon    { background-color: $alert-info-border; }
-  &.alert-success > .pficon { background-color: $alert-success-border; }
-  &.alert-warning > .pficon { background-color: $alert-warning-border; }
-  .dropdown-kebab-pf { margin-left: 10px; }
-  > .pficon {
-    background-color: $gray-pf;
-    bottom:  -1px;
-    box-shadow: 2px 0 5px -2px rgba($color-pf-black, (20/100));
-    left: -1px;
-    padding-top: 10px;
-    text-align: center;
-    top: -1px;
-    width: 53px;
-    &:before { color: rgba($color-pf-white, (74/100)); }
-  }
-  .toast-pf-action {
-    margin-left: 15px;
-  }
-  .dropdown-kebab-pf .btn-link {
-    padding-top: 0;
-    padding-bottom: 0;
-    vertical-align: text-bottom;
-  }
-  /* Medium devices (desktops, 992px and up) */
-  @media (min-width: $screen-md-min) {
-    display: inline-block;
-  }
-}
-// Sets max width on toast notifications
-.toast-pf-max-width {
- @media (min-width: $screen-md-min) {
-    max-width: 31.1%; // sets the size to 4 cols;
-  }
-}
-// To position the notification on the top right corner, used in context on cards layout
-.toast-pf-top-right {
-  left: ($grid-gutter-width / 2);
-  position: absolute;
-  right: ($grid-gutter-width / 2);
-  top: 12px;
-  z-index: 1055; // More than $zindex-modal
-  /* Medium devices (desktops, 992px and up) */
-  @media (min-width: $screen-md-min) {
-    left: auto;
-  }
-}
-
-.toast-notifications-list-pf {
-  margin-left: ($grid-gutter-width / 2);
-  position: fixed;
-  right: ($grid-gutter-width / 2);
-  top: $toast-notification-top;
-  z-index: 1055;
-  .toast-pf {
-    clear: both;
-    float: right;
-  }
-  @media (min-width: $screen-sm-min) {
-    max-width: calc(50%);
-  }
-  @media (min-width: $screen-md-min) {
-    max-width: calc(33.1% ); // sets the size to 4 cols;
-  }
-}

data/dist/sass/patternfly/_toolbar.scss

@@ -1,190 +0,0 @@
-//
-// Toolbar (Filter and view options)
-// --------------------------------------------------
-
-.toolbar-pf {
-  background: $color-pf-white;
-  border-bottom: 1px solid $sidebar-pf-border-color;
-  box-shadow: 0 1px 0px rgba($color-pf-black, (4.5/100));
-  padding-top: ($grid-gutter-width/4);
-  .form-group {
-    margin-bottom: ($grid-gutter-width/4);
-    @media (min-width: $grid-float-breakpoint) {
-      border-right: 1px solid $sidebar-pf-border-color;
-      float: left;
-      margin-bottom: 0;
-      padding-left: ($grid-gutter-width/2);
-      padding-right: ($grid-gutter-width/2);
-    }
-    &:last-child {
-      border-right: 0;
-      margin-bottom: 0;
-      padding-right: 0;
-    }
-    .btn,
-    .btn-group {
-      + .btn,
-      + .btn-group { margin-left: 5px; }
-      + .btn-link,
-      + .dropdown { margin-left: 10px; }
-    }
-    .btn-link {
-      color: $gray-darker;
-      font-size: ($font-size-base + 4);
-      line-height: 1;
-      padding: 4px 0;
-      &:active,
-      &:focus,
-      &:hover { color: $link-color; }
-    }
-    .dropdown-kebab-pf .btn-link {
-      padding: 4px ($grid-gutter-width/4);
-      margin-left: ($grid-gutter-width/(-4));
-      margin-right: ($grid-gutter-width/(-4));
-    }
-  }
-}
-.toolbar-pf-actions {
-  display: table;
-  margin-bottom: 10px;
-  width: 100%;
-  @media (min-width: $grid-float-breakpoint) {
-    .toolbar-pf-filter {
-      padding-left: 0;
-    }
-  }
-}
-.toolbar-pf-view-selector {
-  font-size: ($font-size-base + 4);
-  .btn-link.active {
-    color: $link-color;
-    cursor: default;
-  }
-}
-.toolbar-pf-action-right {
-  float: right;
-  @media (max-width: $grid-float-breakpoint) {
-    float: none;
-  }
-}
-.toolbar-pf-find {
-  font-size: ($font-size-base + 2);
-  position: relative;
-}
-.find-pf-dropdown-container {
-  background: $color-pf-white;
-  border: solid 1px $color-pf-black-400;
-  display: none;
-  right: -20px;
-  padding: 5px;
-  position: absolute;
-  top: 35px;
-  width: 300px;
-  z-index: 10000;
-  @media (max-width: $grid-float-breakpoint) {
-    left: 30px;
-    top: -5px;
-    width: calc(100% - 30px);
-  }
-  &:before,
-  &:after {
-    content: "";
-    position: absolute;
-  }
-  &:before {
-    border-bottom:11px solid $color-pf-black-400;
-    border-left:11px solid transparent;
-    border-right:11px solid transparent;
-    right: 35px;
-    .toolbar-pf-find:last-child & {
-      right: 15px;
-    }
-    top: -12px;
-    @media (max-width: $grid-float-breakpoint) {
-      border-bottom:11px solid transparent;
-      border-right:11px solid $color-pf-black-400;
-      border-top:11px solid transparent;
-      left: -22px;
-      right: initial;
-      top: 8px;
-    }
-  }
-  &:after {
-    border-bottom:10px solid $color-pf-white;
-    border-left:10px solid transparent;
-    border-right:10px solid transparent;
-    right: 36px;
-    .toolbar-pf-find:last-child & {
-      right: 16px;
-    }
-    top: -10px;
-    @media (max-width: $grid-float-breakpoint) {
-      border-bottom:10px solid transparent;
-      border-right:10px solid $color-pf-white;
-      border-top:10px solid transparent;
-      left: -20px;
-      right: initial;
-      top: 9px;
-    }
-  }
-  input {
-    height: 30px;
-    padding: 5px 117px 5px 5px; // 112px (components) + 5px (offset)
-    width: 100%;
-  }
-  .find-pf-buttons {
-    position: absolute;
-    right: 10px;
-    top: 5px;
-    .btn {
-      border: none;
-      cursor: pointer;
-      margin-left: 0 !important;
-      padding: 0;
-      width: 18px;
-      .fa-angle-up,
-      .fa-angle-down {
-        font-weight: bold;
-        font-size: ($font-size-base + 6);
-      }
-      .pficon-close { font-size: ($font-size-base + 2); }
-    }
-    span {
-      height: 30px;
-      line-height: 30px;
-      vertical-align: middle;
-    }
-    .find-pf-nums {
-      color: $color-pf-black-500;
-      margin-right: 3px;
-    }
-  }
-}
-
-.toolbar-pf-results {
-  border-top: 1px solid $sidebar-pf-border-color;
-  margin-top: ($grid-gutter-width/4);
-  h5,
-  p,
-  ul {
-    display: inline-block;
-    line-height: ($grid-gutter-width/1.5);
-    margin-bottom: 0;
-    margin-top: 0;
-    @media (min-width: $screen-sm-min) {
-      line-height: $grid-gutter-width;
-    }
-  }
-  h5 {
-    font-weight: 700;
-    margin-right: 20px;
-  }
-  .label {
-    font-size: ($font-size-base - 1);
-    a {
-      color: $color-pf-white;
-      display: inline-block;
-      margin-left: 5px;
-    }
-  }
-}