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

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/dist/sass/patternfly/dependencies/bootstrap-switch/bootstrap-switch.scss

@@ -0,0 +1,195 @@
+$bootstrap-switch-base: bootstrap-switch !default;
+
+.#{$bootstrap-switch-base} {
+  display: inline-block;
+  direction: ltr;
+  cursor: pointer;
+  border-radius: $border-radius-base;
+  border: 1px solid;
+  border-color: $btn-default-border;
+  position: relative;
+  text-align: left;
+  overflow: hidden;
+  line-height: 8px;
+  z-index: 0;
+  @include user-select(none);
+  vertical-align: middle;
+  @include transition(unquote("border-color ease-in-out .15s, box-shadow ease-in-out .15s"));
+
+  .#{$bootstrap-switch-base}-container {
+    display: inline-block;
+    top: 0;
+    border-radius: $border-radius-base;
+    @include translate3d(0, 0, 0);
+  }
+
+  .#{$bootstrap-switch-base}-handle-on,
+  .#{$bootstrap-switch-base}-handle-off,
+  .#{$bootstrap-switch-base}-label {
+    @include box-sizing(border-box);
+    cursor: pointer;
+    display: table-cell;
+    vertical-align: middle;
+    padding: $padding-base-vertical $padding-base-horizontal;
+    font-size: $font-size-base;
+    line-height: $line-height-computed;
+  }
+
+  .#{$bootstrap-switch-base}-handle-on,
+  .#{$bootstrap-switch-base}-handle-off {
+    text-align: center;
+    z-index: 1;
+
+    &.#{$bootstrap-switch-base}-primary {
+      color: #fff;
+      background: $btn-primary-bg;
+    }
+
+    &.#{$bootstrap-switch-base}-info {
+      color: #fff;
+      background: $btn-info-bg;
+    }
+
+    &.#{$bootstrap-switch-base}-success {
+      color: #fff;
+      background: $btn-success-bg;
+    }
+
+    &.#{$bootstrap-switch-base}-warning {
+      background: $btn-warning-bg;
+      color: #fff;
+    }
+
+    &.#{$bootstrap-switch-base}-danger {
+      color: #fff;
+      background: $btn-danger-bg;
+    }
+
+    &.#{$bootstrap-switch-base}-default {
+      color: #000;
+      background: $gray-lighter;
+    }
+  }
+
+  .#{$bootstrap-switch-base}-label {
+    text-align: center;
+    margin-top: -1px;
+    margin-bottom: -1px;
+    z-index: 100;
+    color: $btn-default-color;
+    background: $btn-default-bg;
+  }
+
+  span::before {
+    content: "\200b";
+  }
+
+  .#{$bootstrap-switch-base}-handle-on {
+    @include border-left-radius($border-radius-base - 1);
+  }
+
+  .#{$bootstrap-switch-base}-handle-off {
+    @include border-right-radius($border-radius-base - 1);
+  }
+
+  input[type='radio'],
+  input[type='checkbox'] {
+    position: absolute !important;
+    top: 0;
+    left: 0;
+    margin: 0;
+    z-index: -1;
+    @include opacity(0);
+    visibility: hidden;
+  }
+
+  &.#{$bootstrap-switch-base}-mini {
+
+    .#{$bootstrap-switch-base}-handle-on,
+    .#{$bootstrap-switch-base}-handle-off,
+    .#{$bootstrap-switch-base}-label {
+      padding: $padding-xs-vertical $padding-xs-horizontal;
+      font-size: $font-size-small;
+      line-height: $line-height-small;
+    }
+  }
+
+  &.#{$bootstrap-switch-base}-small {
+
+    .#{$bootstrap-switch-base}-handle-on,
+    .#{$bootstrap-switch-base}-handle-off,
+    .#{$bootstrap-switch-base}-label {
+      padding: $padding-small-vertical $padding-small-horizontal;
+      font-size: $font-size-small;
+      line-height: $line-height-small;
+    }
+  }
+
+  &.#{$bootstrap-switch-base}-large {
+
+    .#{$bootstrap-switch-base}-handle-on,
+    .#{$bootstrap-switch-base}-handle-off,
+    .#{$bootstrap-switch-base}-label {
+      padding: $padding-base-vertical $padding-large-horizontal;
+      font-size: $font-size-large;
+      line-height: $line-height-large;
+    }
+  }
+
+  &.#{$bootstrap-switch-base}-disabled,
+  &.#{$bootstrap-switch-base}-readonly,
+  &.#{$bootstrap-switch-base}-indeterminate {
+    cursor: default !important;
+
+    .#{$bootstrap-switch-base}-handle-on,
+    .#{$bootstrap-switch-base}-handle-off,
+    .#{$bootstrap-switch-base}-label {
+      @include opacity(.5);
+      cursor: default !important;
+    }
+  }
+
+  &.#{$bootstrap-switch-base}-animate {
+
+    .#{$bootstrap-switch-base}-container {
+      @include transition(margin-left .5s);
+    }
+  }
+
+  &.#{$bootstrap-switch-base}-inverse {
+
+    .#{$bootstrap-switch-base}-handle-on {
+      @include border-left-radius(0);
+      @include border-right-radius($border-radius-base - 1);
+    }
+
+    .#{$bootstrap-switch-base}-handle-off {
+      @include border-right-radius(0);
+      @include border-left-radius($border-radius-base - 1);
+    }
+  }
+
+  &.#{$bootstrap-switch-base}-focused {
+    $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(unquote("inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #{$color-rgba}"));
+  }
+
+  &.#{$bootstrap-switch-base}-on,
+  &.#{$bootstrap-switch-base}-inverse.#{$bootstrap-switch-base}-off {
+
+    .#{$bootstrap-switch-base}-label {
+      @include border-right-radius($border-radius-base - 1);
+    }
+  }
+
+  &.#{$bootstrap-switch-base}-off,
+  &.#{$bootstrap-switch-base}-inverse.#{$bootstrap-switch-base}-on {
+
+
+    .#{$bootstrap-switch-base}-label {
+      @include border-left-radius($border-radius-base - 1);
+    }
+  }
+}

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/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);
+  }
+}

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);
+}