patternfly-sass 2.6.0 → 2.7.0

data/assets/stylesheets/patternfly/_list-group.scss

@@ -15,4 +15,4 @@
 
 .list-group-item-heading {
   font-weight: 700;
-}
+}

data/assets/stylesheets/patternfly/_login.scss

@@ -23,7 +23,7 @@
     margin: 20px auto 70px;
     position: relative;
     text-align: center;
-    @media (min-width: $screen-sm-min) { 
+    @media (min-width: $screen-sm-min) {
       float: right;
       margin-right: 64px;
       margin-top: 50px;
@@ -44,7 +44,7 @@
     padding-bottom: 40px;
     padding-top: 20px;
     width: auto;
-    @media (min-width: $screen-sm-min) { 
+    @media (min-width: $screen-sm-min) {
       bottom: 13%;
       padding-left: 80px;
       position: absolute;
@@ -80,7 +80,8 @@
         text-align: left;
       }
       .form-group:last-child {
-        &, .help-block:last-child {
+        &,
+        .help-block:last-child {
           margin-bottom: 0;
         }
       }

data/assets/stylesheets/patternfly/_modals.scss

@@ -35,4 +35,4 @@
       margin-left: 5px;
     }
   }
-}
+}

data/assets/stylesheets/patternfly/_nav-vertical-alt.scss

@@ -57,7 +57,7 @@
 
     &.hidden {
       display: none;
-      
+
       &.show-mobile-nav {
         box-shadow: 0 0 3px rgba(0,0,0,0.15);
         display: block !important;
@@ -135,7 +135,9 @@
       }
     }
 
-    .fa, .glyphicon, .pficon {
+    .fa,
+    .glyphicon,
+    .pficon {
       float: left;
       font-size: 18px;
       line-height: 30px;

data/assets/stylesheets/patternfly/_navbar-alt.scss

@@ -36,10 +36,14 @@
       padding: $navbar-pf-alt-nav-item-iconic-padding;
       position: relative;
 
-      &:hover, &:focus {
+      &:hover,
+      &:focus {
         background-color: transparent;
 
-        .caret, .fa, .glyphicon, .pf-icon {
+        .caret,
+        .fa,
+        .glyphicon,
+        .pf-icon {
           color: $navbar-pf-alt-active-color;
         }
       }
@@ -56,7 +60,9 @@
         padding: 2px 4px;
       }
 
-      .caret, .fa, .pf-icon {
+      .caret,
+      .fa,
+      .pf-icon {
         color: $navbar-pf-alt-color;
         font-size: $font-size-base + 4;
       }
@@ -69,10 +75,14 @@
     }
 
     .open > .nav-item-iconic {
-      &, &:hover, &:focus {
+      &,
+      &:hover,
+      &:focus {
         background: transparent;
 
-        .caret, .fa, .pf-icon {
+        .caret,
+        .fa,
+        .pf-icon {
           color: $navbar-pf-alt-active-color;
         }
       }
@@ -111,7 +121,8 @@
     float: left;
     margin: $navbar-pf-alt-navbar-toggle-margin;
 
-    &:hover, &:focus {
+    &:hover,
+    &:focus {
       .icon-bar {
         background: $navbar-pf-alt-navbar-toggle-icon-bar-hover-bg;
       }
@@ -125,4 +136,4 @@
       background: $navbar-pf-alt-color;
     }
   }
-}
+}

data/assets/stylesheets/patternfly/_navbar.scss

@@ -29,7 +29,9 @@
   }
   .navbar-nav {
     margin: 0;
-    > .active > a, > .active > a:hover, > .active > a:focus {
+    > .active > a,
+    > .active > a:hover,
+    > .active > a:focus {
       background-color: $navbar-pf-navbar-nav-active-bg-color;
       color: $navbar-pf-active-color;
     }
@@ -38,26 +40,34 @@
       line-height: 1;
       padding: 10px 20px;
       text-shadow: none;
-      &:hover, &:focus {
+      &:hover,
+      &:focus {
         color: $navbar-pf-active-color;
       }
     }
     > .open {
       > a {
-        &, &:hover, &:focus {
+        &,
+        &:hover,
+        &:focus {
           background-color: $navbar-pf-navbar-nav-active-bg-color;
           color: $navbar-pf-active-color;
         }
       }
     }
     @media (max-width: $grid-float-breakpoint-max) {
-      .active .navbar-persistent, .active .dropdown-menu, .open .dropdown-menu {
+      .active .dropdown-menu,
+      .active .navbar-persistent,
+      .open .dropdown-menu {
         background-color: $navbar-pf-navbar-nav-active-active-bg-color !important;
         margin-left: 0;
         padding-bottom: 0;
         padding-top: 0;
-        > .active > a, .dropdown-submenu.open > a {
-          &, &:hover, &:focus {
+        > .active > a,
+        .dropdown-submenu.open > a {
+          &,
+          &:hover,
+          &:focus {
             background-color: $navbar-pf-navbar-nav-active-active-open-bg-color !important;
             color: $navbar-pf-active-color;
           }
@@ -139,7 +149,8 @@
         .open > .dropdown-menu {
           background-color: #fff !important;
           > .active > a {
-            &, &:active {
+            &,
+            &:active {
               background-color: $dropdown-link-hover-bg !important;
               border-color: $dropdown-link-hover-border-color !important;
               color: $gray-dark !important;
@@ -152,13 +163,14 @@
             color: $gray-light !important;
           }
           > .selected > a {
-            &, &:active {
+            &,
+            &:active {
               background-color: $dropdown-link-active-bg !important;
               border-color: $dropdown-link-active-border-color !important;
               color: #fff !important;
               small {
                 color: #70c8e7 !important;
-                color:rgba(225, 255, 255, 0.5) !important;
+                color:rgba(225,255,255,0.5) !important;
               }
             }
           }
@@ -173,9 +185,10 @@
             & a {
               &:active small {
                 color: #70c8e7 !important;
-                color:rgba(225, 255, 255, 0.5) !important;
+                color:rgba(225,255,255,0.5) !important;
               }
-              &:hover, &:focus {
+              &:hover,
+              &:focus {
                 small {
                   color: $gray-light;
                 }
@@ -201,7 +214,8 @@
     .context {
       border-bottom: 1px solid $navbar-pf-navbar-header-border-color;
       &.context-bootstrap-select .bootstrap-select.btn-group {
-        &, &[class*="span"] {
+        &,
+        &[class*="span"] {
           margin: 8px 20px 9px;
           width: auto; // known bug:  IE8 will make it as wide as the longest string
         }
@@ -226,7 +240,8 @@
     border: 0;
     margin: 0;
     padding: 10px 20px;
-    &:hover, &:focus {
+    &:hover,
+    &:focus {
       background-color: transparent;
       outline: none;
       .icon-bar {
@@ -301,13 +316,16 @@
             }
             > li {
               &.active {
-                &, &:hover {
+                &,
+                &:hover {
                   @include tab-indicator($background: $nav-tabs-active-link-hover-color, $left: 20px, $right: 20px);
                 }
-                > a, > a:hover, &:hover > a {
+                > a,
+                > a:hover,
+                &:hover > a {
                   color: $link-color !important;
                 }
-                .active > a { 
+                .active > a {
                   color: $navbar-pf-active-color;
                 }
               }
@@ -338,7 +356,8 @@
                   }
                 }
               }
-              &:hover, &.open {
+              &:hover,
+              &.open {
                 @include tab-indicator($left: 20px, $right: 20px);
                 > a {
                   color: $gray-darker;
@@ -384,7 +403,12 @@
           @include gradient-vertical($navbar-pf-navbar-primary-hover-bg-color-start, $navbar-pf-navbar-primary-hover-bg-color-stop);
         }
       }
-      > .active > a, > .active > a:hover, > .active > a:focus, > .open > a, > .open > a:hover, > .open > a:focus {
+      > .active > a,
+      > .active > a:hover,
+      > .active > a:focus,
+      > .open > a,
+      > .open > a:hover,
+      > .open > a:focus {
         background-color: $navbar-pf-navbar-primary-active-bg-color-stop;
         border-bottom-color: $navbar-pf-navbar-primary-active-bg-color-stop;
         border-top-color: $navbar-pf-navbar-primary-active-border-color;
@@ -400,7 +424,8 @@
         &.dropdown {
           border-bottom: 0;
         }
-        > a, &.context-bootstrap-select {
+        > a,
+        &.context-bootstrap-select {
           background-color: $navbar-pf-navbar-primary-context-bg-color-stop;
           border-bottom-color: $navbar-pf-navbar-primary-context-border-color;
           border-right: 1px solid $navbar-pf-navbar-primary-context-border-color;
@@ -430,7 +455,12 @@
       position: absolute;
       right: 0;
       top: 0;
-      > .active > a, > .active > a:hover, > .active > a:focus, > .open > a, > .open > a:hover, > .open > a:focus {
+      > .active > a,
+      > .active > a:hover,
+      > .active > a:focus,
+      > .open > a,
+      > .open > a:hover,
+      > .open > a:focus {
         background: $navbar-pf-navbar-utility-open-bg-color;
         color: $navbar-pf-navbar-utility-color;
       }
@@ -467,7 +497,8 @@
       .dropdown-menu {
         border-top-width: 0 !important;
       }
-      &.bootstrap-select .dropdown-menu, .dropdown-submenu > .dropdown-menu {
+      &.bootstrap-select .dropdown-menu,
+      .dropdown-submenu > .dropdown-menu {
         border-top-width: 1px !important;
       }
     }
@@ -487,4 +518,4 @@
       padding-left: 0;
     }
   }
-}
+}

data/assets/stylesheets/patternfly/_popovers.scss

@@ -29,4 +29,4 @@
   &.closable {
     padding-right: 30px;
   }
-}
+}

data/assets/stylesheets/patternfly/_progress-bars.scss

@@ -15,7 +15,7 @@
 }
 
 .progress {
-  @include box-shadow(inset 0 0 1px rgba(0, 0, 0, 0.25));
+  @include box-shadow(inset 0 0 1px rgba(0,0,0,0.25));
   &.progress-label-left,
   &.progress-label-top-right {
     overflow: visible;
@@ -110,7 +110,8 @@
     line-height: 1;
     margin-right: 5px;
   }
-  .fa, .pficon {
+  .fa,
+  .pficon {
     font-size: 14px;
     margin-right: 3px;
   }

data/assets/stylesheets/patternfly/_search.scss

@@ -28,7 +28,7 @@
   .has-clear {
     .clear {
       background: transparent; // IE8
-      background: rgba(255,255,255,0); // to make the whole button clickable in IE9+ 
+      background: rgba(255,255,255,0); // to make the whole button clickable in IE9+
       border: 0;
       height: $input-height-base - 1;
       line-height: 1;
@@ -62,4 +62,4 @@
       position: relative;
     }
   }
-}
+}

data/assets/stylesheets/patternfly/_sidebar.scss

@@ -134,7 +134,8 @@
     }
   }
   .sidebar-pf {
-    .panel-group .panel-default, .treeview {
+    .panel-group .panel-default,
+    .treeview {
       border-left: 0;
       border-right: 0;
       margin-left: -$grid-gutter-width/2;
@@ -167,8 +168,9 @@
     &.sidebar-pf-right {
       border-left: 1px solid $sidebar-pf-border-color;
     }
-    > .nav-category, > .nav-stacked {
+    > .nav-category,
+    > .nav-stacked {
       margin-top: 5px;
     }
   }
-}
+}

data/assets/stylesheets/patternfly/_spinner.scss

@@ -55,25 +55,25 @@
   background: url("#{$img-path}/#{$img-spinner}") no-repeat;
   border: 0;
   &.spinner-inverse {
-    background-image: url("#{$img-path}/#{$img-spinner-inverse}");
+    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}/#{$img-spinner-inverse}"), "#{$img-path}/#{$img-spinner-inverse}"));
   }
   &.spinner-inverse-lg {
-    background-image: url("#{$img-path}/#{$img-spinner-inverse-lg}");
+    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}/#{$img-spinner-inverse-lg}"), "#{$img-path}/#{$img-spinner-inverse-lg}"));
   }
   &.spinner-inverse-sm {
-    background-image: url("#{$img-path}/#{$img-spinner-inverse-sm}");
+    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}/#{$img-spinner-inverse-sm}"), "#{$img-path}/#{$img-spinner-inverse-sm}"));
   }
   &.spinner-inverse-xs {
-    background-image: url("#{$img-path}/#{$img-spinner-inverse-xs}");
+    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}/#{$img-spinner-inverse-xs}"), "#{$img-path}/#{$img-spinner-inverse-xs}"));
   }
   &.spinner-lg {
-    background-image: url("#{$img-path}/#{$img-spinner-lg}");
+    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}/#{$img-spinner-lg}"), "#{$img-path}/#{$img-spinner-lg}"));
   }
   &.spinner-sm {
-    background-image: url("#{$img-path}/#{$img-spinner-sm}");
+    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}/#{$img-spinner-sm}"), "#{$img-path}/#{$img-spinner-sm}"));
   }
   &.spinner-xs {
-    background-image: url("#{$img-path}/#{$img-spinner-xs}");
+    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}/#{$img-spinner-xs}"), "#{$img-path}/#{$img-spinner-xs}"));
   }
 }
 

data/assets/stylesheets/patternfly/_syntax-highlighting.scss

@@ -3,23 +3,34 @@
 // --------------------------------------------------
 
 .prettyprint {
-  .atn, .com, .fun, .var {
+  .atn,
+  .com,
+  .fun,
+  .var {
     color: $syntax-3;
   }
 
-  .atv, .str {
+  .atv,
+  .str {
     color: $syntax-1;
   }
 
-  .clo, .dec, .kwd, .opn, .pln, .pun {
+  .clo,
+  .dec,
+  .kwd,
+  .opn,
+  .pln,
+  .pun {
     color: $syntax-2;
   }
 
-  .lit, .tag, .typ {
+  .lit,
+  .tag,
+  .typ {
     color: $syntax-4;
   }
 
   ol.linenums {
     margin-bottom: 0;
   }
-}
+}