patternfly-sass 3.23.2 → 3.31.1

data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/grid-framework.scss

@@ -0,0 +1,98 @@
+// Framework grid generation
+//
+// Used only by Bootstrap to generate the correct number of grid classes given
+// any value of `$grid-columns`.
+
+@mixin make-grid-columns(){
+  // Common styles for all sizes of grid columns, widths 1-12
+  @mixin col($index){ // initial
+    $item: unquote(".col-xs-#{$index}, .col-sm-#{$index}, .col-md-#{$index}, .col-lg-#{$index}");
+    @include col(($index + 1), $item);
+  }
+  @if $index ==< $grid-columns { @mixin col($index, $list){ // general; "=<" isn't a typo
+    $item: unquote(".col-xs-#{$index}}, .col-sm-#{$index}, .col-md-#{$index}, .col-lg-#{$index}");
+    @include col(($index + 1), unquote("#{$list}, #{$item}"));
+  }
+  @mixin col($index, $list) when ($index > $grid-columns){ // terminal
+    #{$list} {
+      position: relative;
+      // Prevent columns from collapsing when empty
+      min-height: 1px;
+      // Inner gutter via padding
+      padding-left:  ($grid-gutter-width / 2);
+      padding-right: ($grid-gutter-width / 2);
+    }
+  }
+  @include col(1); // kickstart it
+}
+
+@mixin float-grid-columns($class){
+  @mixin col($index){ // initial
+    $item: unquote(".col-#{$class}-#{$index}");
+    @include col(($index + 1), $item);
+  }
+  @if $index ==< $grid-columns { @mixin col($index, $list){ // general
+    $item: unquote(".col-#{$class}}-#{$index}");
+    @include col(($index + 1), unquote("#{$list}, #{$item}"));
+  }
+  @mixin col($index, $list) when ($index > $grid-columns){ // terminal
+    #{$list} {
+      float: left;
+    }
+  }
+  @include col(1); // kickstart it
+}
+
+@if $type == width) and ($index > 0 {
+  @mixin calc-grid-column($index, $class, $type){
+  .col-#{$class}}-#{$index} {
+    width: percentage(($index / $grid-columns));
+  }
+}
+@if $type == push) and ($index > 0 {
+  @mixin calc-grid-column($index, $class, $type){
+  .col-#{$class}}-push-#{$index} {
+    left: percentage(($index / $grid-columns));
+  }
+}
+@if $type = push) and ($index == 0 {
+  @mixin calc-grid-column($index, $class, $type){
+  .col-#{$class}}-push-0 {
+    left: auto;
+  }
+}
+@if $type == pull) and ($index > 0 {
+  @mixin calc-grid-column($index, $class, $type){
+  .col-#{$class}}-pull-#{$index} {
+    right: percentage(($index / $grid-columns));
+  }
+}
+@if $type = pull) and ($index == 0 {
+  @mixin calc-grid-column($index, $class, $type){
+  .col-#{$class}}-pull-0 {
+    right: auto;
+  }
+}
+@if $type == offset {
+  @mixin calc-grid-column($index, $class, $type){
+  .col-#{$class}}-offset-#{$index} {
+    margin-left: percentage(($index / $grid-columns));
+  }
+}
+
+// Basic looping in LESS
+@if $index >== 0 {
+  @mixin loop-grid-columns($index, $class, $type){
+  @include calc-grid-column($index, $class, $type);
+  // next iteration
+  @include loop-grid-columns(($index - 1), $class, $type);
+}}
+
+// Create grid for specific class
+@mixin make-grid($class){
+  @include float-grid-columns($class);
+  @include loop-grid-columns($grid-columns, $class, width);
+  @include loop-grid-columns($grid-columns, $class, pull);
+  @include loop-grid-columns($grid-columns, $class, push);
+  @include loop-grid-columns($grid-columns, $class, offset);
+}

data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/grid.scss

@@ -0,0 +1,122 @@
+// Grid system
+//
+// Generate semantic grid columns with these mixins.
+
+// Centered container element
+@mixin container-fixed($gutter: $grid-gutter-width){
+  margin-right: auto;
+  margin-left: auto;
+  padding-left:  ($gutter / 2);
+  padding-right: ($gutter / 2);
+  @extend .clearfix all;
+}
+
+// Creates a wrapper for a series of columns
+@mixin make-row($gutter: $grid-gutter-width){
+  margin-left:  ($gutter / -2);
+  margin-right: ($gutter / -2);
+  @extend .clearfix all;
+}
+
+// Generate the extra small columns
+@mixin make-xs-column($columns, $gutter: $grid-gutter-width){
+  position: relative;
+  float: left;
+  width: percentage(($columns / $grid-columns));
+  min-height: 1px;
+  padding-left:  ($gutter / 2);
+  padding-right: ($gutter / 2);
+}
+@mixin make-xs-column-offset($columns){
+  margin-left: percentage(($columns / $grid-columns));
+}
+@mixin make-xs-column-push($columns){
+  left: percentage(($columns / $grid-columns));
+}
+@mixin make-xs-column-pull($columns){
+  right: percentage(($columns / $grid-columns));
+}
+
+// Generate the small columns
+@mixin make-sm-column($columns, $gutter: $grid-gutter-width){
+  position: relative;
+  min-height: 1px;
+  padding-left:  ($gutter / 2);
+  padding-right: ($gutter / 2);
+
+  @media (min-width: $screen-sm-min) {
+    float: left;
+    width: percentage(($columns / $grid-columns));
+  }
+}
+@mixin make-sm-column-offset($columns){
+  @media (min-width: $screen-sm-min) {
+    margin-left: percentage(($columns / $grid-columns));
+  }
+}
+@mixin make-sm-column-push($columns){
+  @media (min-width: $screen-sm-min) {
+    left: percentage(($columns / $grid-columns));
+  }
+}
+@mixin make-sm-column-pull($columns){
+  @media (min-width: $screen-sm-min) {
+    right: percentage(($columns / $grid-columns));
+  }
+}
+
+// Generate the medium columns
+@mixin make-md-column($columns, $gutter: $grid-gutter-width){
+  position: relative;
+  min-height: 1px;
+  padding-left:  ($gutter / 2);
+  padding-right: ($gutter / 2);
+
+  @media (min-width: $screen-md-min) {
+    float: left;
+    width: percentage(($columns / $grid-columns));
+  }
+}
+@mixin make-md-column-offset($columns){
+  @media (min-width: $screen-md-min) {
+    margin-left: percentage(($columns / $grid-columns));
+  }
+}
+@mixin make-md-column-push($columns){
+  @media (min-width: $screen-md-min) {
+    left: percentage(($columns / $grid-columns));
+  }
+}
+@mixin make-md-column-pull($columns){
+  @media (min-width: $screen-md-min) {
+    right: percentage(($columns / $grid-columns));
+  }
+}
+
+// Generate the large columns
+@mixin make-lg-column($columns, $gutter: $grid-gutter-width){
+  position: relative;
+  min-height: 1px;
+  padding-left:  ($gutter / 2);
+  padding-right: ($gutter / 2);
+
+  @media (min-width: $screen-lg-min) {
+    float: left;
+    width: percentage(($columns / $grid-columns));
+  }
+}
+@mixin make-lg-column-offset($columns){
+  @media (min-width: $screen-lg-min) {
+    margin-left: percentage(($columns / $grid-columns));
+  }
+}
+@mixin make-lg-column-push($columns){
+  @media (min-width: $screen-lg-min) {
+    left: percentage(($columns / $grid-columns));
+  }
+}
+@mixin make-lg-column-pull($columns){
+  @media (min-width: $screen-lg-min) {
+    right: percentage(($columns / $grid-columns));
+  }
+}

data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/hide-text.scss

@@ -0,0 +1,21 @@
+// CSS image replacement
+//
+// Heads up! v3 launched with with only `.hide-text()`, but per our pattern for
+// mixins being reused as classes with the same name, this doesn't hold up. As
+// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.
+//
+// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
+
+// Deprecated as of v3.0.1 (will be removed in v4)
+@mixin hide-text(){
+  font: unquote("0/0") a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+
+// New mixin to use as of v3.0.1
+@mixin text-hide(){
+  @include hide-text();
+}

data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/image.scss

@@ -0,0 +1,33 @@
+// Image Mixins
+// - Responsive image
+// - Retina image
+
+
+// Responsive image
+//
+// Keep images from scaling beyond the width of their parents.
+@mixin img-responsive($display: block){
+  display: $display;
+  max-width: 100%; // Part 1: Set a maximum relative to the parent
+  height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
+}
+
+
+// Retina image
+//
+// Short retina mixin for setting background-image and -size. Note that the
+// spelling of `min--moz-device-pixel-ratio` is intentional.
+@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x){
+  background-image: url("#{$file-1x}");
+
+  @media
+  only screen and (-webkit-min-device-pixel-ratio: 2),
+  only screen and (   min--moz-device-pixel-ratio: 2),
+  only screen and (     -o-min-device-pixel-ratio: 2/1),
+  only screen and (        min-device-pixel-ratio: 2),
+  only screen and (                min-resolution: 192dpi),
+  only screen and (                min-resolution: 2dppx) {
+    background-image: url("#{$file-2x}");
+    background-size: $width-1x $height-1x;
+  }
+}

data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/labels.scss

@@ -0,0 +1,12 @@
+// Labels
+
+@mixin label-variant($color){
+  background-color: $color;
+
+  &[href] {
+    &:hover,
+    &:focus {
+      background-color: darken($color, 10%);
+    }
+  }
+}

data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/list-group.scss

@@ -0,0 +1,29 @@
+// List Groups
+
+@mixin list-group-item-variant($state, $background, $color){
+  .list-group-item-#{$state} {
+    color: $color;
+    background-color: $background;
+
+    a#{&} {
+      color: $color;
+
+      .list-group-item-heading {
+        color: inherit;
+      }
+
+      &:hover,
+      &:focus {
+        color: $color;
+        background-color: darken($background, 5%);
+      }
+      &.active,
+      &.active:hover,
+      &.active:focus {
+        color: #fff;
+        background-color: $color;
+        border-color: $color;
+      }
+    }
+  }
+}

data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/nav-divider.scss

@@ -0,0 +1,10 @@
+// Horizontal dividers
+//
+// Dividers (basically an hr) within dropdowns and nav lists
+
+@mixin nav-divider($color: #e5e5e5){
+  height: 1px;
+  margin: (($line-height-computed / 2) - 1) 0;
+  overflow: hidden;
+  background-color: $color;
+}

data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/nav-vertical-align.scss

@@ -0,0 +1,9 @@
+// Navbar vertical align
+//
+// Vertically center elements in the navbar.
+// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
+
+@mixin navbar-vertical-align($element-height){
+  margin-top: (($navbar-height - $element-height) / 2);
+  margin-bottom: (($navbar-height - $element-height) / 2);
+}

data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/opacity.scss

@@ -0,0 +1,8 @@
+// Opacity
+
+@mixin opacity($opacity){
+  opacity: $opacity;
+  // IE8 filter
+  $opacity-ie: ($opacity * 100);
+  filter: unquote("alpha(opacity=#{$opacity-ie})");
+}

data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/pagination.scss

@@ -0,0 +1,23 @@
+// Pagination
+
+@mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $border-radius){
+  > li {
+    > a,
+    > span {
+      padding: $padding-vertical $padding-horizontal;
+      font-size: $font-size;
+    }
+    &:first-child {
+      > a,
+      > span {
+        @include border-left-radius($border-radius);
+      }
+    }
+    &:last-child {
+      > a,
+      > span {
+        @include border-right-radius($border-radius);
+      }
+    }
+  }
+}

data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/panels.scss

@@ -0,0 +1,24 @@
+// Panels
+
+@mixin panel-variant($border, $heading-text-color, $heading-bg-color, $heading-border){
+  border-color: $border;
+
+  & > .panel-heading {
+    color: $heading-text-color;
+    background-color: $heading-bg-color;
+    border-color: $heading-border;
+
+    + .panel-collapse > .panel-body {
+      border-top-color: $border;
+    }
+    .badge {
+      color: $heading-bg-color;
+      background-color: $heading-text-color;
+    }
+  }
+  & > .panel-footer {
+    + .panel-collapse > .panel-body {
+      border-bottom-color: $border;
+    }
+  }
+}

data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/progress-bar.scss

@@ -0,0 +1,10 @@
+// Progress bars
+
+@mixin progress-bar-variant($color){
+  background-color: $color;
+
+  // Deprecated parent class requirement as of v3.2.0
+  .progress-striped & {
+    @include gradient-striped();
+  }
+}

data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/reset-filter.scss

@@ -0,0 +1,8 @@
+// Reset filters for IE
+//
+// When you need to remove a gradient background, do not forget to use this to reset
+// the IE filter for IE9 and below.
+
+@mixin reset-filter(){
+  filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
+}

data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/reset-text.scss

@@ -0,0 +1,18 @@
+@mixin reset-text(){
+  font-family: $font-family-base;
+  // We deliberately do NOT reset font-size.
+  font-style: normal;
+  font-weight: normal;
+  letter-spacing: normal;
+  line-break: auto;
+  line-height: $line-height-base;
+  text-align: left; // Fallback for where `start` is not supported
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  white-space: normal;
+  word-break: normal;
+  word-spacing: normal;
+  word-wrap: normal;
+}