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

data/assets/stylesheets/patternfly/_fonts.scss

@@ -0,0 +1,54 @@
+//
+// Fonts
+// --------------------------------------------------
+
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  src: url('#{$font-path}/OpenSans-Light-webfont.eot');
+  src: url('#{$font-path}/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
+       url('#{$font-path}/OpenSans-Light-webfont.woff') format('woff'),
+       url('#{$font-path}/OpenSans-Light-webfont.ttf') format('truetype'),
+       url('#{$font-path}/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: url('#{$font-path}/OpenSans-Regular-webfont.eot');
+  src: url('#{$font-path}/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
+       url('#{$font-path}/OpenSans-Regular-webfont.woff') format('woff'),
+       url('#{$font-path}/OpenSans-Regular-webfont.ttf') format('truetype'),
+       url('#{$font-path}/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: url('#{$font-path}/OpenSans-Semibold-webfont.eot');
+  src: url('#{$font-path}/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
+       url('#{$font-path}/OpenSans-Semibold-webfont.woff') format('woff'),
+       url('#{$font-path}/OpenSans-Semibold-webfont.ttf') format('truetype'),
+       url('#{$font-path}/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: url('#{$font-path}/OpenSans-Bold-webfont.eot');
+  src: url('#{$font-path}/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
+       url('#{$font-path}/OpenSans-Bold-webfont.woff') format('woff'),
+       url('#{$font-path}/OpenSans-Bold-webfont.ttf') format('truetype'),
+       url('#{$font-path}/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 800;
+  src: url('#{$font-path}/OpenSans-ExtraBold-webfont.eot');
+  src: url('#{$font-path}/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
+       url('#{$font-path}/OpenSans-ExtraBold-webfont.woff') format('woff'),
+       url('#{$font-path}/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
+       url('#{$font-path}/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
+}

data/assets/stylesheets/patternfly/_forms.scss

@@ -0,0 +1,31 @@
+//
+// Forms
+// --------------------------------------------------
+
+.form-control {
+  &[disabled], &[readonly], fieldset[disabled] & {
+    border-color: $input-border-disabled !important;
+    @include box-shadow(none);
+    color: #969696;
+  }
+  &:hover {
+    border-color: $input-border-hover;
+    .has-error & {
+      border-color: darken($state-danger-text, 10%);
+    }
+    .has-success & {
+      border-color: darken($state-success-text, 10%);
+    }
+    .has-warning & {
+      border-color: darken($state-warning-text, 10%);
+    }
+  }
+}
+
+.input-group .input-group-btn .btn {
+  @include box-shadow(none);
+}
+
+label {
+  font-weight: 600;
+}

data/assets/stylesheets/patternfly/_icons.scss

@@ -0,0 +1,155 @@
+//
+// Icons
+// --------------------------------------------------
+// Custom icons and selections from IcoMoon - Free (http://icomoon.io/#icons)
+
+@font-face {
+  font-family: '#{$icon-font-name-pf}';
+  src:url('#{$font-path}/#{$icon-font-name-pf}.eot');
+  src:url('#{$font-path}/#{$icon-font-name-pf}.eot?#iefix') format('embedded-opentype'),
+    url('#{$font-path}/#{$icon-font-name-pf}.ttf') format('truetype'),
+    url('#{$font-path}/#{$icon-font-name-pf}.woff') format('woff'),
+    url('#{$font-path}/#{$icon-font-name-pf}.svg##{$icon-font-name-pf}') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+[class*="-exclamation"] {
+  color: #fff;
+}
+
+[class^="#{$icon-prefix}-"], [class*=" #{$icon-prefix}-"] {
+  display: inline-block;
+  font-family: '#{$icon-font-name-pf}';
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  speak: none;
+  text-transform: none;
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.#{$icon-prefix}-layered {
+  position: relative;
+  .#{$icon-prefix}:first-child {
+    position: absolute;
+    z-index: 1;
+    + .#{$icon-prefix} {
+      position: relative;
+      z-index: 2;
+    }
+  }
+}
+
+.#{$icon-prefix}-warning-exclamation:before {
+  content: "\e60d";
+}
+.#{$icon-prefix}-screen:before {
+  content: "\e600";
+}
+.#{$icon-prefix}-save:before {
+  content: "\e601";
+}
+.#{$icon-prefix}-ok:before {
+  color: $brand-success;
+  content: "\e602";
+}
+.#{$icon-prefix}-messages:before, // class name deprecated
+.#{$icon-prefix}-flag:before {
+  content: "\e603";
+}
+.#{$icon-prefix}-info:before {
+  content: "\e604";
+}
+.#{$icon-prefix}-help:before {
+  content: "\e605";
+}
+.#{$icon-prefix}-folder-open:before {
+  content: "\e606";
+}
+.#{$icon-prefix}-folder-close:before {
+  content: "\e607";
+}
+.#{$icon-prefix}-error-exclamation:before {
+  content: "\e608";
+}
+.#{$icon-prefix}-error-octagon:before {
+  color: $brand-danger;
+  content: "\e609";
+}
+.#{$icon-prefix}-edit:before {
+  content: "\e60a";
+}
+.#{$icon-prefix}-close:before {
+  content: "\e60b";
+}
+.#{$icon-prefix}-warning-triangle:before {
+  color: $brand-warning;
+  content: "\e60c";
+}
+.#{$icon-prefix}-user:before {
+  content: "\e60e";
+}
+.#{$icon-prefix}-users:before {
+  content: "\e60f";
+}
+.#{$icon-prefix}-add:before {
+  content: "\e61a";
+}
+.#{$icon-prefix}-add-circle-o:before {
+  content: "\e61b";
+}
+.#{$icon-prefix}-warning-triangle-o:before {
+  color: $brand-warning;
+  content: "\e61c";
+}
+.#{$icon-prefix}-error-circle-o:before {
+  color: $brand-danger;
+  content: "\e61d";
+}
+.#{$icon-prefix}-service:before {
+  content: "\e61e";
+}
+.#{$icon-prefix}-image:before {
+  content: "\e61f";
+}
+.#{$icon-prefix}-settings:before {
+  content: "\e610";
+}
+.#{$icon-prefix}-delete:before {
+  content: "\e611";
+}
+.#{$icon-prefix}-print:before {
+  content: "\e612";
+}
+.#{$icon-prefix}-refresh:before, // class name deprecated
+.#{$icon-prefix}-restart:before {
+  content: "\e613";
+}
+.#{$icon-prefix}-running:before {
+  content: "\e614";
+}
+.#{$icon-prefix}-import:before {
+  content: "\e615";
+}
+.#{$icon-prefix}-export:before {
+  content: "\e616";
+}
+.#{$icon-prefix}-history:before {
+  content: "\e617";
+}
+.#{$icon-prefix}-home:before {
+  content: "\e618";
+}
+.#{$icon-prefix}-remove:before {
+  content: "\e619";
+}
+.#{$icon-prefix}-cluster:before {
+  content: "\e620";
+}
+.#{$icon-prefix}-container-node:before {
+  content: "\e621";
+}

data/{dist/sass → assets/stylesheets}/patternfly/_infotip.scss

@@ -11,7 +11,7 @@
 // Overwrites for PatternFly - navbar.less
 @media (max-width: $grid-float-breakpoint-max) {
   .navbar-pf .navbar-nav .open .dropdown-menu.infotip {
-    background-color: $color-pf-white !important;
+    background-color: #fff !important;
     margin-top: 0;
   }
 }
@@ -45,7 +45,7 @@
     }
   }
   .footer {
-    background-color: $color-pf-black-150;
+    background-color: #f5f5f5;
     padding: 6px 15px;
     a:hover {
       color: $link-color;
@@ -80,6 +80,7 @@
   &.bottom .arrow,
   &.bottom-left .arrow,
   &.bottom-right .arrow {
+    border-bottom-color: $popover-arrow-outer-fallback-color; // IE8 fallback
     border-bottom-color: $popover-arrow-outer-color;
     border-top-width: 0;
     left: 50%;
@@ -102,13 +103,14 @@
   }
   &.top .arrow {
     border-bottom-width: 0;
+    border-top-color: $popover-arrow-outer-fallback-color; // IE8 fallback
     border-top-color: $popover-arrow-outer-color;
     bottom: -$popover-arrow-outer-width;
     left: 50%;
     margin-left: -$popover-arrow-outer-width;
     &:after {
       border-bottom-width: 0;
-      border-top-color: $color-pf-black-150;
+      border-top-color: #f5f5f5;
       bottom: 1px;
       content: " ";
       margin-left: -$popover-arrow-width;
@@ -116,6 +118,7 @@
   }
   &.right .arrow {
     border-left-width: 0;
+    border-right-color: $popover-arrow-outer-fallback-color; // IE8 fallback
     border-right-color: $popover-arrow-outer-color;
     left: -$popover-arrow-outer-width;
     margin-top: -$popover-arrow-outer-width;
@@ -129,6 +132,7 @@
     }
   }
   &.left .arrow {
+    border-left-color: $popover-arrow-outer-fallback-color; // IE8 fallback
     border-left-color: $popover-arrow-outer-color;
     border-right-width: 0;
     margin-top: -$popover-arrow-outer-width;
@@ -142,4 +146,4 @@
       right: 1px;
     }
   }
-}
+}

data/{dist/sass → assets/stylesheets}/patternfly/_labels.scss

@@ -6,12 +6,7 @@
   border-radius: 0;
   font-size: 100%;
   font-weight: 600;
-  h1 &,
-  h2 &,
-  h3 &,
-  h4 &,
-  h5 &,
-  h6 & {
+  h1 &, h2 &, h3 &, h4 &, h5 &, h6 & {
     font-size: 75%;
   }
-}
+}

data/{dist/sass → assets/stylesheets}/patternfly/_list-group.scss

@@ -11,13 +11,8 @@
 .list-group-item {
   border-left: 0;
   border-right: 0;
-  &.disabled,
-  &.disabled:hover,
-  &.disabled:focus {
-    background-color: $list-group-disabled-bg;
-  }
 }
 
 .list-group-item-heading {
-  font-weight: 600;
-}
+  font-weight: 700;
+}

data/assets/stylesheets/patternfly/_login.scss

@@ -0,0 +1,121 @@
+//
+// Login
+// --------------------------------------------------
+
+.login-pf {
+  height: 100%;
+  #brand {
+    position: relative;
+    top: -70px;
+    img {
+      display: block;
+      height: 18px;
+      margin: 0 auto;
+      max-width: 100%;
+      @media (min-width: $screen-sm-min) {
+        margin: 0;
+        text-align: left;
+      }
+    }
+  }
+  #badge {
+    display: block;
+    margin: 20px auto 70px;
+    position: relative;
+    text-align: center;
+    @media (min-width: $screen-sm-min) { 
+      float: right;
+      margin-right: 64px;
+      margin-top: 50px;
+    }
+  }
+  body {
+    background: $login-bg-color url("#{$img-path}/#{$img-bg-login}") repeat-x 50% 0;
+    background-size: auto;
+    @media (min-width: $screen-sm-min) {
+      background-size: 100% auto;
+    }
+  }
+  .container {
+    background-color: $login-container-bg-color;
+    background-color: $login-container-bg-color-rgba;
+    clear: right;
+    color: #fff;
+    padding-bottom: 40px;
+    padding-top: 20px;
+    width: auto;
+    @media (min-width: $screen-sm-min) { 
+      bottom: 13%;
+      padding-left: 80px;
+      position: absolute;
+      width: 100%;
+    }
+    [class^='alert'] {
+      background: transparent;
+      color: #fff;
+    }
+    .details {
+      p:first-child {
+        border-top: 1px solid #474747;
+        padding-top: 25px;
+        margin-top: 25px;
+      }
+      @media (min-width: $screen-sm-min) {
+        p:first-child {
+          border-top: 0;
+          padding-top: 0;
+          margin-top: 0;
+        }
+        border-left: 1px solid #474747;
+        padding-left: 40px;
+      }
+      p {
+        margin-bottom: 2px;
+      }
+    }
+    .form-horizontal {
+      .control-label {
+        font-size: $font-size-base + 1;
+        font-weight: 400;
+        text-align: left;
+      }
+      .form-group:last-child {
+        &, .help-block:last-child {
+          margin-bottom: 0;
+        }
+      }
+    }
+    .help-block {
+      color: #fff;
+    }
+    .login {
+      @media (min-width: $screen-sm-min) {
+        padding-right: 40px;
+      }
+    }
+    .submit {
+      text-align: right;
+    }
+  }
+}
+
+.ie8.login-pf {
+  #badge {
+    background: url('#{$img-path}/#{$img-badge-ie8}') no-repeat;
+    height: $img-badge-ie8-height;
+    width: $img-badge-ie8-width;
+    img {
+      width: 0;
+    }
+  }
+  #brand {
+    background: url('#{$img-path-alt}/#{$img-brand-lg-ie8}') no-repeat center;
+    background-size: cover auto;
+    @media (min-width: $screen-sm-min) {
+      background-position: 0 0;
+    }
+    img {
+      width: 0;
+    }
+  }
+}