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

data/dist/sass/patternfly/_breadcrumbs.scss

@@ -1,20 +0,0 @@
-//
-// Breadcrumbs
-// --------------------------------------------------
-
-.breadcrumb {
-  padding-left: 0;
-  > .active strong {
-    font-weight: 600;
-  }
-  > li {
-      display: inline; /* IE8 */
-      + li:before {
-      color: $gray-light;
-      content: $fa-var-angle-right;
-      font-family: $icon-font-name-fa;
-      font-size: ($font-size-base - 1);
-      padding: 0 9px 0 7px;
-    }
-  }
-}

data/dist/sass/patternfly/_buttons.scss

@@ -1,50 +0,0 @@
-//
-// Buttons
-// --------------------------------------------------
-
-.btn {
-  @include box-shadow(0 2px 3px rgba($color-pf-black, (10/100)));
-  &:active {
-    @include box-shadow(inset 0 2px 8px rgba($color-pf-black, (20/100)));
-  }
-  &.disabled,
-  &[disabled],
-  fieldset[disabled] & {
-    background-color: $color-pf-black-100 !important;
-    background-image: none !important;
-    border-color: $color-pf-black-300 !important;
-    color: $color-pf-black-500 !important;
-    opacity: 1;
-    &:active {
-      @include box-shadow(none);
-    }
-    &.btn-link {
-      background-color: transparent !important;
-      border: 0;
-    }
-  }
-}
-
-.btn-danger {
-  @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-bg-img-start, $btn-danger-bg-img-stop, $btn-danger-border);
-}
-
-.btn-default {
-  @include button-variant($btn-default-color, $btn-default-bg, $btn-default-bg-img-start, $btn-default-bg-img-stop, $btn-default-border);
-}
-
-.btn-link {
-  &,
-  &:active {
-    @include box-shadow(none);
-  }
-}
-
-.btn-primary {
-  @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-bg-img-start, $btn-primary-bg-img-stop, $btn-primary-border);
-}
-
-.btn-xs,
-.btn-group-xs .btn {
-  font-weight: $btn-xs-font-weight;
-}

data/dist/sass/patternfly/_card-view.scss

@@ -1,105 +0,0 @@
-//
-// Card View
-// --------------------------------------------------
-
-.card-pf-view {
-  border: 2px solid transparent;
-  .card-pf-heading-kebab {
-    .dropdown-kebab-pf {
-      margin-top: -3px;
-    }
-    + .progress-pf-legend {
-      p { margin-bottom: 0; }
-      .progress {
-        margin-bottom: 7px;
-        margin-top: 16px;
-      }
-    }
-  }
-  .card-pf-info {
-    margin-top: 15px;
-    strong {
-      font-size: ceil(($font-size-base + 1));
-      margin-right: 10px;
-    }
-  }
-  .card-pf-item {
-    display: inline-block;
-    font-size: $font-size-h3;
-    padding: 0 13px 0 15px;
-    &:first-child { padding-left: 0; }
-    &:last-child { padding-right: 0; }
-    + .card-pf-item { border-left: 1px solid $card-pf-border-color; }
-    .fa-check { color: $brand-success; }
-    .fa,
-    .pficon {
-      + .card-pf-item-text { margin-left: 10px; }
-    }
-  }
-  .card-pf-items { margin-top: 15px; }
-  .card-pf-title {
-    font-size: ceil(($font-size-base * 1.6666));
-    font-weight: 300;
-    margin-bottom: 0;
-    margin-top: 15px;
-    .fa,
-    .pficon {
-      font-size: ceil(($font-size-base * 1.5));
-      margin-right: 2px;
-    }
-    .col-lg-2 & { font-size: $font-size-h3; }
-  }
-  .card-pf-top-element .card-pf-icon-circle {
-    border: 2px solid $color-pf-blue-300;
-    border-radius: 50%;
-    display: block;
-    font-size: 46px;
-    height: 106px;
-    line-height: 102px;
-    margin: 0 auto;
-    text-align: center;
-    width: 106px;
-    .col-lg-2 & {
-      font-size: 23px;
-      height: 54px;
-      line-height: 50px;
-      width: 54px;
-    }
-  }
-  .card-pf-view-checkbox {
-    position: absolute;
-    top: 11px;
-    left: 15px;
-    input[type=checkbox] { display: none; }
-  }
-  &.card-pf-view-multi-select {
-    .card-pf-view-checkbox {
-      input[type=checkbox] {
-        display: block;
-        @media(min-width:$screen-sm-min) {
-          visibility: hidden;
-          &:checked { visibility: visible; }
-        }
-      }
-    }
-    &:hover .card-pf-view-checkbox input[type=checkbox] { visibility: visible; }
-  }
-  &.card-pf-view-select {
-    position: relative;
-    &:hover { @include box-shadow(0 1px 6px rgba($color-pf-black, (35/100))); }
-    &.active { border: 2px solid $card-pf-selected-border-color; }
-  }
-  &.card-pf-view-single-select { cursor: pointer; }
-  &.card-pf-view-xs {
-    .card-pf-title {
-      font-size: 16px;
-      font-weight: normal;
-      margin-bottom: 10px;
-      .fa,
-      .pficon {
-        font-size: 14px;
-        margin-right: 5px;
-      }
-    }
-  }
-}

data/dist/sass/patternfly/_cards.scss

@@ -1,238 +0,0 @@
-//
-// Cards
-// --------------------------------------------------
-
-.card-pf {
-  background: $card-pf-bg-color;
-  border-top: 2px solid $card-pf-border-top-color;
-  @include box-shadow(0 1px 1px rgba($color-pf-black, (17.5/100)));
-  margin: 0 (-($grid-gutter-width / 4)) ($grid-gutter-width / 2);
-  padding: 0 ($grid-gutter-width / 2);
-  &.card-pf-accented {
-    border-top-color: $card-pf-accented-border-top-color;
-  }
-  &.card-pf-aggregate-status {
-    .card-pf-aggregate-status-notifications,
-    .card-pf-title {
-      a {
-        color: $text-color;
-        &.add {
-          color: $link-color;
-          &:hover {
-            color: $link-hover-color;
-          }
-        }
-        &:hover {
-          color: $link-hover-color;
-        }
-      }
-    }
-  }
-  &.card-pf-aggregate-status {
-    padding: 0 ($grid-gutter-width / 4);
-    text-align: center;
-  }
-  &.card-pf-aggregate-status-mini {
-    padding-bottom: ($grid-gutter-width / 4);
-    position: relative;
-  }
-  @media (min-width: $grid-float-breakpoint) {
-    &.card-pf-bleed-left {
-      margin-left: (-($grid-gutter-width / 2));
-    }
-    &.card-pf-bleed-right {
-      border-right: 1px solid $card-pf-border-color;
-      margin-right: (-($grid-gutter-width / 2));
-    }
-  }
-}
-
-.card-pf-aggregate-status-notifications {
-  font-size: ($font-size-base * 2); // 24px
-  font-weight: 300;
-  .card-pf-aggregate-status-mini & {
-    line-height: 1;
-  }
-  .card-pf-aggregate-status-notification + .card-pf-aggregate-status-notification {
-    border-left: 1px solid $card-pf-border-color;
-    margin-left: ($grid-gutter-width / 8 - 2);
-    padding-left: ($grid-gutter-width / 4);
-  }
-  .fa, .pficon {
-    font-size: ($font-size-base * 1.5); // 18px
-    margin-right: 7px;
-  }
-}
-
-.card-pf-body {
-  margin: ($grid-gutter-width / 2) 0 0;
-  padding: 0 0 ($grid-gutter-width / 2);
-  .card-pf-aggregate-status & {
-    margin-top: ($grid-gutter-width / 4);
-    padding-bottom: ($grid-gutter-width / 4);
-  }
-  .card-pf-aggregate-status-mini & {
-    margin-bottom: 0;
-    margin-top: 0;
-    padding-bottom: 0;
-    position: absolute;
-    right: ($grid-gutter-width / 2);
-    top: 15px;
-  }
-  .card-pf-utilization .card-pf-title + & {
-    margin-top: -8px;
-  }
-  > *:last-child {
-    margin-bottom: 0;
-  }
-}
-
-.card-pf-footer {
-  background-color: $card-pf-footer-bg-color;
-  border-top: 1px solid $card-pf-border-color;
-  margin: 0 (-($grid-gutter-width / 2)) !important;
-  padding: ($grid-gutter-width / 2) ($grid-gutter-width / 2) ($grid-gutter-width / 4);
-  a > {
-    .fa,
-    .pficon {
-      margin-right: 5px;
-    }
-  }
-  .card-pf-time-frame-filter {
-    margin-top: -2px;
-  }
-}
-
-.card-pf-link-with-icon {
-  padding-left: 21px;
-  position: relative;
-  .fa,
-  .pficon {
-    font-size: 16px;
-    left: 0;
-    position: absolute;
-    top: 0;
-  }
-}
-
-.card-pf-time-frame-filter {
-  .card-pf-heading &,
-  .card-pf-footer & {
-    float: right;
-    margin-left: 20px;
-  }
-}
-
-.card-pf-heading {
-  border-bottom: 1px solid $card-pf-border-color;
-  margin: 0 (-($grid-gutter-width / 2)) ($grid-gutter-width / 2);
-  padding: 0 ($grid-gutter-width / 2) 0;
-  & .card-pf-time-frame-filter {
-    margin-top: -5px;
-  }
-}
-
-.card-pf-heading-details {
-  float: right;
-  font-size: ($font-size-small - 1);
-}
-
-.card-pf-subtitle {
-  font-size: $font-size-h3;
-  margin-top: $line-height-computed;
-  margin-bottom: ($line-height-computed / 2);
-  [class^="col"] & {
-    margin-top: 0;
-  }
-  @media (max-width: $screen-xs-max) {
-    .card-pf-body [class^="col"] + [class^="col"] > & {
-      margin-top: ($grid-gutter-width);
-    }
-  }
-}
-
-.card-pf-title {
-  font-size: $font-size-h3;
-  font-weight: 400;
-  margin: ($grid-gutter-width / 2) 0;
-  padding: 0;
-  .card-pf-aggregate-status & {
-    font-size: $font-size-large;
-    margin: ($grid-gutter-width / 4) 0 0;
-    .fa,
-    .pficon {
-      color: $card-pf-aggregate-status-title-icon-color;
-      font-size: $font-size-h3;
-      margin-right: 7px;
-    }
-  }
-  .card-pf-aggregate-status-count {
-    font-size: $font-size-h3;
-    .card-pf-aggregate-status-mini & {
-      display: block;
-      font-size: ($font-size-base * 2); // 24px
-      font-weight: 300;
-      margin-bottom: 3px;
-    }
-  }
-  .card-pf-aggregate-status-mini & {
-    font-size: $font-size-base;
-    margin-top: ($grid-gutter-width / 8);
-    a {
-      display: inline-block;
-    }
-    .fa,
-    .pficon {
-      font-size: ($font-size-base * 2 + 2); // 26px
-      margin-right: 0;
-      min-width: ($font-size-base * 2 + 2); // 26px
-      position: absolute;
-      left: ($grid-gutter-width / 2);
-      text-align: center;
-      top: 15px;
-    }
-  }
-}
-
-.card-pf-utilization-details {
-  border-bottom: 1px solid $card-pf-border-color;
-  display: table;
-  margin: 12px 0 15px;
-  padding: 0 0 15px;
-  width: 100%;
-  .card-pf-utilization-card-details-count,
-  .card-pf-utilization-card-details-description {
-    float: left;
-    line-height: 1;
-  }
-  .card-pf-utilization-card-details-count {
-    font-size: ($font-size-base * 2 + 2); // 26px
-    font-weight: 300;
-    margin-right: 10px;
-  }
-  .card-pf-utilization-card-details-line-1,
-  .card-pf-utilization-card-details-line-2 {
-    display: block;
-  }
-  .card-pf-utilization-card-details-line-1 {
-    font-size: ($font-size-small - 1);
-    margin-bottom: 2px;
-  }
-}
-
-.cards-pf {
-  background: $card-pf-container-bg-color;
-  .row-cards-pf {
-    padding: 0 20px;
-    &:first-child { padding-top: 20px; }
-  }
-}
-
-.container-cards-pf {
-  margin-top: ($grid-gutter-width / 2);
-}
-
-.row-cards-pf {
-  margin-left: (-($grid-gutter-width / 4));
-  margin-right: (-($grid-gutter-width / 4));
-}

data/dist/sass/patternfly/_charts.scss

@@ -1,388 +0,0 @@
-//
-// Charts
-// --------------------------------------------------
-
-.bullet-chart-pf {
-  display: flex;
-  flex-direction: column;
-
-  &.bullet-chart-pf-vertical {
-    height: 100%;
-    flex-direction: row;
-  }
-}
-
-.bullet-chart-pf-chart {
-  display: flex;
-  flex: 1;
-  flex-direction: row;
-  width: 100%;
-  .bullet-chart-pf-vertical & {
-    flex: initial;
-    flex-direction: column-reverse;
-    height: 100%;
-    width: initial;
-  }
-}
-
-.bullet-chart-pf-title-container {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  margin: 10px 0 25px;
-  padding-right: 10px;
-  text-align: right;
-  .bullet-chart-pf-vertical & {
-    margin-bottom: 0;
-    padding-right: 0;
-    text-align: center;
-  }
-}
-
-.bullet-chart-pf-title {
-  font-size: ($font-size-base + 2);
-}
-
-.bullet-chart-pf-details {
-  color: $gray-light;
-  font-size: $font-size-base;
-  line-height: 9px;
-}
-
-.bullet-chart-pf-container {
-  display: flex;
-  flex-direction: column;
-  flex: 5;
-  .bullet-chart-pf-vertical & {
-    flex-direction: row-reverse;
-    flex: initial;
-    &.show-axis {
-      margin-left: -25px;
-    }
-  }
-}
-
-.bullet-chart-pf-data-container {
-  flex: 1;
-  position: relative;
-  .bullet-chart-pf-vertical & {
-    height: initial;
-  }
-}
-
-.bullet-chart-pf-vertical-data-container {
-  display: flex;
-  flex: 5;
-  flex-direction: row;
-  justify-content: center;
-  .bullet-chart-pf-data-container {
-    flex: initial;
-  }
-}
-
-.bullet-chart-pf-values-container {
-  height: 20px;
-  margin: 20px 0;
-  position: relative;
-  .bullet-chart-pf-vertical & {
-    height: 100%;
-    margin: 0 20px;
-    width: 20px;
-  }
-}
-
-.bullet-chart-pf-value-bar {
-  height: 100%;
-  position: absolute;
-  transition: left 600ms ease;
-  .bullet-chart-pf-vertical & {
-    bottom: 0;
-    height: initial;
-    top: initial;
-    width: 100%;
-  }
-}
-
-.bullet-chart-pf-value-dot {
-  border-radius: 50%;
-  border-style: solid;
-  border-width: 0;
-  height: 20px;
-  transform: translateX(-50%);
-  position: absolute;
-  transition: left 600ms ease;
-  width: 20px;
-  .bullet-chart-pf-vertical & {
-    top: initial;
-    transform: translateY(50%);
-  }
-}
-
-.bullet-chart-pf-threshold-indicator {
-  border: 0 solid $color-pf-black-600;
-  border-left-width: 1px;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  z-index: 400;
-  .bullet-chart-pf-vertical & {
-    border-left-width: 0;
-    border-top-width: 1px;
-    height: 1px;
-    left: 0;
-    top: initial;
-    width: 100%;
-  }
-  &.error {
-    border-color: $alert-danger-border;
-  }
-  &.warning {
-    border-color: $alert-warning-border;
-  }
-}
-
-.bullet-chart-pf-range-bar {
-  height: 100%;
-  left: 0;
-  position: absolute;
-  top: 0;
-  .bullet-chart-pf-vertical & {
-    bottom: 0;
-    height: initial;
-    top: initial;
-    width: 100%;
-  }
-  &.range-1 {
-    background-color: $color-pf-black-150;
-  }
-  &.range-2 {
-    background-color: $color-pf-black-200;
-  }
-  &.range-3 {
-    background-color: #dbdbdb;
-  }
-}
-
-.bullet-chart-pf-axis {
-  border-top: 1px solid $color-pf-black-600;
-  height: 25px;
-  position: relative;
-  .bullet-chart-pf-vertical & {
-    height: initial;
-    width: 25px;
-    border-right: 1px solid $color-pf-black-600;
-    border-top: 0;
-  }
-  .bullet-chart-pf-title-container & {
-    border-top: 0;
-  }
-}
-
-.bullet-chart-pf-axis-tic {
-  padding-top: 5px;
-  position: absolute;
-  text-align: center;
-  width: 30px;
-  .bullet-chart-pf-vertical & {
-    padding-top: 0;
-    padding-right: 5px;
-    width: 100%;
-    text-align: right;
-    line-height: 21px;
-  }
-  &:before {
-    border-left: 1px solid $color-pf-black-600;
-    content: "";
-    height: 3px;
-    left: 50%;
-    position: absolute;
-    top: -1px;
-    .bullet-chart-pf-vertical & {
-      border-left: 0;
-      border-top: 1px solid $color-pf-black-600;
-      height: initial;
-      left: initial;
-      right: -1px;
-      top: calc(50% - 1px);
-      width: 3px;
-    }
-  }
-}
-
-.bullet-chart-pf-overflow {
-  flex: 1;
-}
-
-.bullet-chart-pf-legend {
-  margin-top: 7px;
-  text-align: center;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-
-  .bullet-chart-pf-vertical & {
-    flex-direction: column;
-    margin-left: 10px;
-    margin-top: 0;
-    text-align: left;
-  }
-}
-
-.bullet-chart-pf-legend-item {
-  display: inline-block;
-  margin-right: 10px;
-
-  .bullet-chart-pf-vertical & {
-    margin-right: 0;
-    margin-top: 10px;
-  }
-}
-
-.bullet-chart-pf-legend-item-box {
-  display: inline-block;
-  height: 13px;
-  margin-right: 3px;
-  width: 13px;
-  &.range-1 {
-    background-color: $color-pf-black-150;
-  }
-  &.range-2 {
-    background-color: $color-pf-black-200;
-  }
-  &.range-3 {
-    background-color: #dbdbdb;
-  }
-}
-
-.bullet-chart-pf-legend-item-text {
-  display: inline-block;
-  line-height: 14px;
-  max-width: 150px;
-  overflow: hidden;
-  position: relative;
-  text-overflow: ellipsis;
-  top: 1px;
-  white-space: nowrap;
-  word-wrap: normal;
-}
-
-.c3 {
-  path {
-    stroke: $table-border-color;
-  }
-  svg {
-    font-family: $font-family-base;
-  }
-}
-
-.c3-axis-x .tick line {
-  stroke: $table-border-color;
-}
-
-.c3-axis-y .tick line {
-  display: none;
-}
-
-.c3-chart-arc path {
-  stroke: $color-pf-white;
-}
-
-.c3-grid line {
-  stroke: $table-border-color;
-}
-
-.c3-line {
-  stroke-width: 2px;
-}
-
-.c3-tooltip {
-  background: $tooltip-bg;
-  @include box-shadow(none);
-  @include opacity($tooltip-opacity);
-
-  td {
-    background: transparent;
-    border: 0;
-    color: $tooltip-color;
-    font-size: $font-size-base;
-    padding: 5px 10px;
-  }
-
-  th {
-    background: transparent;
-    font-size: $font-size-base;
-    padding: 5px 10px 0;
-    border-bottom: solid 2px $color-pf-black;
-  }
-
-  tr {
-    border: 0;
-    + tr > td {
-      padding-top: 0;
-    }
-  }
-}
-
-.c3-tooltip-sparkline,
-.donut-tooltip-pf {
-  background: $tooltip-bg;
-  color: $tooltip-color;
-  @include opacity($tooltip-opacity);
-  padding: 2px 6px;
-}
-
-.c3-xgrid,
-.c3-ygrid {
-  stroke-dasharray: 0 0;
-}
-
-.chart-pf-sparkline {
-  margin-left: -5px;
-  margin-right: -5px;
-}
-
-.donut-title-big-pf {
-  font-size: $donut-font-size-big;
-  font-weight: 300;
-}
-
-.donut-title-small-pf {
-  font-size: $font-size-base;
-  font-weight: 400;
-}
-
-.line-chart-pf {
-  .c3-zoom-rect {
-    opacity: 1 !important;
-    fill: $color-pf-black-100;
-    stroke: $table-border-color;
-    stroke-width: 1px;
-  }
-}
-
-.pct-donut-chart-pf {
-
-  .pct-donut-chart-pf-label {
-    display: block;
-  }
-
-  &.pct-donut-chart-pf-left,
-  &.pct-donut-chart-pf-right,
-  .pct-donut-chart-pf-left,
-  .pct-donut-chart-pf-right {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-  }
-
-  &.pct-donut-chart-pf-left,
-  &.pct-donut-chart-pf-right {
-    display: inline-flex;
-  }
-
-  &.pct-donut-chart-pf-left,
-  .pct-donut-chart-pf-left {
-    flex-direction: row-reverse;
-  }
-}