patternfly-sass 3.23.2 → 3.31.1

data/dist/sass/patternfly/dependencies/bootstrap-slider/_variables.scss

@@ -0,0 +1,28 @@
+$slider-line-height: 20px !default;
+$slider-border-radius: 4px !default;
+$slider-horizontal-width: 210px !default;
+$slider-vertical-height: 210px !default;
+
+// Primary colors
+$slider-primary: null !default;
+@if variable-exists(brand-primary) {
+  $slider-primary: $brand-primary !default;
+} @else {
+  $slider-primary: #0480BE !default;
+}
+
+$slider-primary-top: $slider-primary !default;
+$slider-primary-bottom: darken($slider-primary, 5%) !default;
+$slider-secondary-top: saturate(lighten($slider-primary, 28%), 20%) !default;
+$slider-secondary-bottom: saturate(lighten($slider-primary, 23%), 2%) !default;
+
+// grays for slider channel and disabled states
+$slider-gray-1: #BEBEBE !default;
+$slider-gray-2: #DFDFDF !default;
+$slider-gray-3: #E5E5E5 !default;
+$slider-gray-4: #E9E9E9 !default;
+$slider-gray-5: #F5F5F5 !default;
+$slider-gray-6: #F9F9F9 !default;
+
+// unicode color for demo page
+$slider-unicode-color: #726204 !default;

data/dist/sass/patternfly/dependencies/bootstrap-slider/bootstrap-slider.scss

@@ -0,0 +1,42 @@
+/*! =========================================================
+ * bootstrap-slider.js
+ *
+ * Maintainers:
+ *		Kyle Kemp
+ *			- Twitter: @seiyria
+ *			- Github:  seiyria
+ *		Rohit Kalkur
+ *			- Twitter: @Rovolutionary
+ *			- Github:  rovolution
+ *
+ * =========================================================
+ *
+ * bootstrap-slider is released under the MIT License
+ * Copyright (c) 2017 Kyle Kemp, Rohit Kalkur, and contributors
+ * 
+ * Permission is hereby granted, free of charge, to any person
+ * obtaining a copy of this software and associated documentation
+ * files (the "Software"), to deal in the Software without
+ * restriction, including without limitation the rights to use,
+ * copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the
+ * Software is furnished to do so, subject to the following
+ * conditions:
+ * 
+ * The above copyright notice and this permission notice shall be
+ * included in all copies or substantial portions of the Software.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+ * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+ * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+ * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+ * OTHER DEALINGS IN THE SOFTWARE.
+ *
+ * ========================================================= */
+
+@import "variables";
+@import "mixins";
+@import "rules";

data/{assets/stylesheets/patternfly/lib → dist/sass/patternfly/dependencies/bootstrap-switch}/bootstrap-switch.scss

@@ -1,4 +1,4 @@
-$bootstrap-switch-base: bootstrap-switch;
+$bootstrap-switch-base: bootstrap-switch !default;
 
 .#{$bootstrap-switch-base} {
   display: inline-block;
@@ -14,7 +14,7 @@ $bootstrap-switch-base: bootstrap-switch;
   z-index: 0;
   @include user-select(none);
   vertical-align: middle;
-  @include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s);
+  @include transition(unquote("border-color ease-in-out .15s, box-shadow ease-in-out .15s"));
 
   .#{$bootstrap-switch-base}-container {
     display: inline-block;
@@ -28,8 +28,8 @@ $bootstrap-switch-base: bootstrap-switch;
   .#{$bootstrap-switch-base}-label {
     @include box-sizing(border-box);
     cursor: pointer;
-    display: inline-block !important;
-    height: 100%;
+    display: table-cell;
+    vertical-align: middle;
     padding: $padding-base-vertical $padding-base-horizontal;
     font-size: $font-size-base;
     line-height: $line-height-computed;
@@ -80,6 +80,10 @@ $bootstrap-switch-base: bootstrap-switch;
     background: $btn-default-bg;
   }
 
+  span::before {
+    content: "\200b";
+  }
+
   .#{$bootstrap-switch-base}-handle-on {
     @include border-left-radius($border-radius-base - 1);
   }
@@ -93,12 +97,10 @@ $bootstrap-switch-base: bootstrap-switch;
     position: absolute !important;
     top: 0;
     left: 0;
-    @include opacity(0);
+    margin: 0;
     z-index: -1;
-
-    &.form-control {
-      height: auto;
-    }
+    @include opacity(0);
+    visibility: hidden;
   }
 
   &.#{$bootstrap-switch-base}-mini {
@@ -171,7 +173,7 @@ $bootstrap-switch-base: bootstrap-switch;
     $color-rgba: rgba(red($input-border-focus), green($input-border-focus), blue($input-border-focus), .6);
     border-color: $input-border-focus;
     outline: 0;
-    @include box-shadow(#{inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #{$color-rgba}});
+    @include box-shadow(unquote("inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #{$color-rgba}"));
   }
 
   &.#{$bootstrap-switch-base}-on,

data/dist/sass/patternfly/dependencies/bootstrap-switch/build.scss

@@ -0,0 +1,3 @@
+@import "variables";
+@import "mixins";
+@import "bootstrap-switch";

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

@@ -0,0 +1,40 @@
+// Mixins
+// --------------------------------------------------
+
+// Utilities
+@import 'mixins/hide-text';
+@import 'mixins/opacity';
+@import 'mixins/image';
+@import 'mixins/labels';
+@import 'mixins/reset-filter';
+@import 'mixins/resize';
+@import 'mixins/responsive-visibility';
+@import 'mixins/size';
+@import 'mixins/tab-focus';
+@import 'mixins/reset-text';
+@import 'mixins/text-emphasis';
+@import 'mixins/text-overflow';
+@import 'mixins/vendor-prefixes';
+
+// Components
+@import 'mixins/alerts';
+@import 'mixins/buttons';
+@import 'mixins/panels';
+@import 'mixins/pagination';
+@import 'mixins/list-group';
+@import 'mixins/nav-divider';
+@import 'mixins/forms';
+@import 'mixins/progress-bar';
+@import 'mixins/table-row';
+
+// Skins
+@import 'mixins/background-variant';
+@import 'mixins/border-radius';
+@import 'mixins/gradients';
+
+// Layout
+@import 'mixins/clearfix';
+@import 'mixins/center-block';
+@import 'mixins/nav-vertical-align';
+@import 'mixins/grid-framework';
+@import 'mixins/grid';

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

@@ -0,0 +1,14 @@
+// Alerts
+
+@mixin alert-variant($background, $border, $text-color){
+  background-color: $background;
+  border-color: $border;
+  color: $text-color;
+
+  hr {
+    border-top-color: darken($border, 5%);
+  }
+  .alert-link {
+    color: darken($text-color, 10%);
+  }
+}

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

@@ -0,0 +1,9 @@
+// Contextual backgrounds
+
+@mixin bg-variant($color){
+  background-color: $color;
+  a#{&}:hover,
+  a#{&}:focus {
+    background-color: darken($color, 10%);
+  }
+}

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

@@ -0,0 +1,18 @@
+// Single side border-radius
+
+@mixin border-top-radius($radius){
+  border-top-right-radius: $radius;
+   border-top-left-radius: $radius;
+}
+@mixin border-right-radius($radius){
+  border-bottom-right-radius: $radius;
+     border-top-right-radius: $radius;
+}
+@mixin border-bottom-radius($radius){
+  border-bottom-right-radius: $radius;
+   border-bottom-left-radius: $radius;
+}
+@mixin border-left-radius($radius){
+  border-bottom-left-radius: $radius;
+     border-top-left-radius: $radius;
+}

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

@@ -0,0 +1,68 @@
+// Button variants
+//
+// Easily pump out default styles, as well as :hover, :focus, :active,
+// and disabled options for all buttons
+
+@mixin button-variant($color, $background, $border){
+  color: $color;
+  background-color: $background;
+  border-color: $border;
+
+  &:focus,
+  &.focus {
+    color: $color;
+    background-color: darken($background, 10%);
+        border-color: darken($border, 25%);
+  }
+  &:hover {
+    color: $color;
+    background-color: darken($background, 10%);
+        border-color: darken($border, 12%);
+  }
+  &:active,
+  &.active,
+  .open > .dropdown-toggle#{&} {
+    color: $color;
+    background-color: darken($background, 10%);
+        border-color: darken($border, 12%);
+
+    &:hover,
+    &:focus,
+    &.focus {
+      color: $color;
+      background-color: darken($background, 17%);
+          border-color: darken($border, 25%);
+    }
+  }
+  &:active,
+  &.active,
+  .open > .dropdown-toggle#{&} {
+    background-image: none;
+  }
+  &.disabled,
+  &[disabled],
+  fieldset[disabled] & {
+    &,
+    &:hover,
+    &:focus,
+    &.focus,
+    &:active,
+    &.active {
+      background-color: $background;
+          border-color: $border;
+    }
+  }
+
+  .badge {
+    color: $background;
+    background-color: $color;
+  }
+}
+
+// Button sizes
+@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius){
+  padding: $padding-vertical $padding-horizontal;
+  font-size: $font-size;
+  line-height: $line-height;
+  border-radius: $border-radius;
+}

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

@@ -0,0 +1,7 @@
+// Center-align a block level element
+
+@mixin center-block(){
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}

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

@@ -0,0 +1,22 @@
+// Clearfix
+//
+// For modern browsers
+// 1. The space content is one way to avoid an Opera bug when the
+//    contenteditable attribute is included anywhere else in the document.
+//    Otherwise it causes space to appear at the top and bottom of elements
+//    that are clearfixed.
+// 2. The use of `table` rather than `block` is only necessary if using
+//    `:before` to contain the top-margins of child elements.
+//
+// Source: http://nicolasgallagher.com/micro-clearfix-hack/
+
+@mixin clearfix(){
+  &:before,
+  &:after {
+    content: " "; // 1
+    display: table; // 2
+  }
+  &:after {
+    clear: both;
+  }
+}

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

@@ -0,0 +1,85 @@
+// Form validation states
+//
+// Used in forms.less to generate the form validation CSS for warnings, errors,
+// and successes.
+
+@mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5){
+  // Color the label and help text
+  .help-block,
+  .control-label,
+  .radio,
+  .checkbox,
+  .radio-inline,
+  .checkbox-inline,
+  &.radio label,
+  &.checkbox label,
+  &.radio-inline label,
+  &.checkbox-inline label  {
+    color: $text-color;
+  }
+  // Set the border and box shadow on specific inputs to match
+  .form-control {
+    border-color: $border-color;
+    @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
+    &:focus {
+      border-color: darken($border-color, 10%);
+      $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($border-color, 20%);
+      @include box-shadow($shadow);
+    }
+  }
+  // Set validation states also for addons
+  .input-group-addon {
+    color: $text-color;
+    border-color: $border-color;
+    background-color: $background-color;
+  }
+  // Optional feedback icon
+  .form-control-feedback {
+    color: $text-color;
+  }
+}
+
+
+// Form control focus state
+//
+// Generate a customized focus state and for any input with the specified color,
+// which defaults to the `$input-border-focus` variable.
+//
+// We highly encourage you to not customize the default value, but instead use
+// this to tweak colors on an as-needed basis. This aesthetic change is based on
+// WebKit's default styles, but applicable to a wider range of browsers. Its
+// usability and accessibility should be taken into account with any change.
+//
+// Example usage: change the default blue border and shadow to white for better
+// contrast against a dark gray background.
+@mixin form-control-focus($color: $input-border-focus){
+  $color-rgba: rgba(red($color), green($color), blue($color), .6);
+  &:focus {
+    border-color: $color;
+    outline: 0;
+    @include box-shadow(unquote("inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #{$color-rgba}"));
+  }
+}
+
+// Form control sizing
+//
+// Relative text size, padding, and border-radii changes for form controls. For
+// horizontal sizing, wrap controls in the predefined grid classes. `<select>`
+// element gets special love because it's special, and that's a fact!
+@mixin input-size($input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius){
+  height: $input-height;
+  padding: $padding-vertical $padding-horizontal;
+  font-size: $font-size;
+  line-height: $line-height;
+  border-radius: $border-radius;
+
+  select#{&} {
+    height: $input-height;
+    line-height: $input-height;
+  }
+
+  textarea#{&},
+  select[multiple]& {
+    height: auto;
+  }
+}

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

@@ -0,0 +1,59 @@
+// Gradients
+
+#gradient {
+
+  // Horizontal gradient, from left to right
+  //
+  // Creates two color stops, start and end, by specifying a color and position for each color stop.
+  // Color stops are not available in IE9 and below.
+  @mixin horizontal($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%){
+    background-image: -webkit-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
+    background-image: -o-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Opera 12
+    background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str(argb($start-color))}', endColorstr='#{ie-hex-str(argb($end-color))}', GradientType=1); // IE9 and down
+  }
+
+  // Vertical gradient, from top to bottom
+  //
+  // Creates two color stops, start and end, by specifying a color and position for each color stop.
+  // Color stops are not available in IE9 and below.
+  @mixin vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%){
+    background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent);  // Safari 5.1-6, Chrome 10+
+    background-image: -o-linear-gradient(top, $start-color $start-percent, $end-color $end-percent);  // Opera 12
+    background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str(argb($start-color))}', endColorstr='#{ie-hex-str(argb($end-color))}', GradientType=0); // IE9 and down
+  }
+
+  @mixin directional($start-color: #555, $end-color: #333, $deg: 45deg){
+    background-repeat: repeat-x;
+    background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1-6, Chrome 10+
+    background-image: -o-linear-gradient($deg, $start-color, $end-color); // Opera 12
+    background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
+  }
+  @mixin horizontal-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f){
+    background-image: -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
+    background-image: -o-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
+    background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
+    background-repeat: no-repeat;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str(argb($start-color))}', endColorstr='#{ie-hex-str(argb($end-color))}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback
+  }
+  @mixin vertical-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f){
+    background-image: -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color);
+    background-image: -o-linear-gradient($start-color, $mid-color $color-stop, $end-color);
+    background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
+    background-repeat: no-repeat;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str(argb($start-color))}', endColorstr='#{ie-hex-str(argb($end-color))}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
+  }
+  @mixin radial($inner-color: #555, $outer-color: #333){
+    background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color);
+    background-image: radial-gradient(circle, $inner-color, $outer-color);
+    background-repeat: no-repeat;
+  }
+  @include striped($color: rgba(255,255,255,.15), $angle: 45deg) {
+    background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
+    background-image: -o-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
+    background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
+  }
+}