ustyle 1.7.0 → 1.8.0

data/lib/ustyle/version.rb

@@ -1,4 +1,4 @@
 module Ustyle
-  version = "1.7.0"
+  version = "1.8.0"
   VERSION = version
 end

data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ustyle",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "description": "A living styleguide and pattern library by uSwitch.",
   "keywords": [
     "css",
@@ -36,7 +36,7 @@
   },
   "devDependencies": {
     "async": "^0.9.0",
-    "autoprefixer-core": "^4.0.1",
+    "autoprefixer": "^6.5.0",
     "bluebird": "^2.9.7",
     "browser-sync": "^1.8.2",
     "cheerio": "^0.20.0",
@@ -53,7 +53,7 @@
     "grunt-env": "^0.4.2",
     "grunt-jscs": "~2.0.0",
     "grunt-newer": "^1.1.0",
-    "grunt-postcss": "^0.2.0",
+    "grunt-postcss": "^0.8.0",
     "grunt-sassdoc": "^2.0.0",
     "grunt-scss-lint": "~0.3.4",
     "grunt-shell": "^1.1.1",

data/styleguide/content/pattern-library/index.tpl

@@ -53,7 +53,7 @@ name: Introduction
 </div>
 <div class="us-content-group mobile-bordered">
   <h2>Browser support</h2>
-  <p>We use <a href="https://github.com/postcss/autoprefixer">Autoprefixer + Browserlist</a> to decide what vendor prefixes to apply to our <code>Sass</code> files. We have a slightly wider browser support than the default (<a href="https://github.com/ai/browserslist#browserslist-">here</a>). Currently we support all the way to IE8.</p>
+  <p>We use <a href="https://github.com/postcss/autoprefixer">Autoprefixer + Browserlist</a> to decide what vendor prefixes to apply to our <code>Sass</code> files. We have a slightly wider browser support than the default (<a href="https://github.com/ai/browserslist#browserslist-">here</a>). Currently we support all the way to IE9.</p>
   <p>Below is what we support. Each line is the minimum version or % use based on CanIUse metrics</p>
   <table class="pure-table pure-table-bordered">
     <thead>
@@ -69,15 +69,15 @@ name: Introduction
       </tr>
       <tr>
         <td>Firefox</td>
-        <td>22</td>
+        <td>ESR</td>
       </tr>
       <tr>
         <td>Opera</td>
-        <td>12.1</td>
+        <td>18</td>
       </tr>
       <tr>
         <td>Internet Explorer</td>
-        <td>8 (unless stated)</td>
+        <td>9</td>
       </tr>
       <tr>
         <td>Global usage</td>

data/styleguide/partials/_footer.tpl

@@ -1,8 +1,8 @@
 <div class="container sidebar--push">
-  <p class="copyright">Copyright uSwitch Limited 2015. <a href="https://github.com/{{project.repository}}">Github</a></p>
+  <p class="copyright">Copyright uSwitch Limited 2016. <a href="https://github.com/{{project.repository}}">Github</a></p>
 </div>
- <script type="text/javascript" src='https://www.gstatic.com/charts/loader.js'>
- </script>
+<script type="text/javascript" src='https://www.gstatic.com/charts/loader.js'>
+</script>
 <script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
 <script src="/js/app.js"></script>

data/tasks/publish.rake

@@ -1,9 +1,6 @@
 lib_path = File.join(File.dirname(__FILE__), 'lib')
 $:.unshift(lib_path) unless $:.include?(lib_path)
 
-require 'botoenv'
-Botoenv.load
-
 require 'ustyle'
 require 'ustyle/deploy'
 require 'fileutils'

data/ustyle.gemspec

@@ -29,6 +29,5 @@ Gem::Specification.new do |spec|
   spec.add_development_dependency "rake"
   spec.add_development_dependency "aws-sdk", "~> 2.0"
   spec.add_development_dependency "rb-fsevent"
-  spec.add_development_dependency "botoenv"
   spec.add_development_dependency "scss-lint", "0.35.0"
 end

data/vendor/assets/stylesheets/ustyle/components/_tabs.scss

@@ -79,8 +79,10 @@ $tab-active-color: $tab-border-color;
     }
   }
 
-  .js.ie8 & {
-    display: block;
+  @if $media-query-legacy-support {
+    .js.ie8 & {
+      display: block;
+    }
   }
 }
 
@@ -206,8 +208,10 @@ $tab-active-color: $tab-border-color;
     }
   }
 
-  .js.ie8 & {
-    display: none;
+  @if $media-query-legacy-support {
+    .js.ie8 & {
+      display: none;
+    }
   }
 
   .us-tabs-nav-mainlink {
@@ -256,9 +260,11 @@ $tab-active-color: $tab-border-color;
     }
   }
 
-  .ie8.js & {
-    display: none;
-    max-height: none;
+  @if $media-query-legacy-support {
+    .ie8.js & {
+      display: none;
+      max-height: none;
+    }
   }
 
   .us-tab.active & {

data/vendor/assets/stylesheets/ustyle/forms/_input.scss

@@ -31,8 +31,10 @@ $input-placeholder-color: $c-inputgrey !default;
     @include placeholder(darken($input-placeholder-color, 15%));
   }
 
-  .ie8 & {
-    height: auto;
+  @if $media-query-legacy-support {
+    .ie8 & {
+      height: auto;
+    }
   }
 }
 

data/vendor/assets/stylesheets/ustyle/forms/_reset.scss

@@ -8,7 +8,6 @@
   border-width: 1px;
   border-radius: em(3px);
   box-sizing: border-box;
-  -moz-appearance: none;
   -ms-appearance: none;
   -webkit-appearance: none;
   appearance: none;

data/vendor/assets/stylesheets/ustyle/forms/_select.scss

@@ -58,6 +58,7 @@ $select-hover-color: $c-form-element-border-hover !default;
   @-moz-document url-prefix() {
     text-indent: .01px;
     text-overflow: "";
+    -moz-appearance: none;
   }
 
   &:focus {
@@ -71,7 +72,12 @@ $select-hover-color: $c-form-element-border-hover !default;
     display: none;
   }
 
-  .ie8 &,
+  @if $media-query-legacy-support {
+    .ie8 & {
+      padding: $form-element-base-padding;
+    }
+  }
+
   .ie9 & {
     padding: $form-element-base-padding;
   }

data/vendor/assets/stylesheets/ustyle/mixins/_media-query.scss

@@ -7,6 +7,17 @@
 //// @group media-queries
 ////
 
+// ----------
+// Legacy support
+// ----------
+
+/// IE8 is no longer supported, but on an opt-in basis for applications.
+/// Set this to `true` if you do want .ie8 classes to be spat out for media queries
+///
+/// @type Bool
+
+$media-query-legacy-support: false !default;
+
 /// Breakpoint for extra large desktops
 ///
 /// @type Number (unit)
@@ -107,12 +118,12 @@ $devices: ();
       @media screen and (#{unquote("#{nth($listed-device, 2)}-width:") nth($listed-device, 3)}) {
         @content;
       }
-      @if $ie-fallback {
+      @if $ie-fallback and $media-query-legacy-support {
         .ie8 & {
           @content;
         }
       }
-      @if $ie-fallback-noherit {
+      @if $ie-fallback and $media-query-legacy-support  {
         .ie8 {
           @content;
         }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ustyle
 version: !ruby/object:Gem::Version
-  version: 1.7.0
+  version: 1.8.0
 platform: ruby
 authors:
 - uSwitch Limited
@@ -13,7 +13,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-10-04 00:00:00.000000000 Z
+date: 2016-10-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -127,20 +127,6 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-- !ruby/object:Gem::Dependency
-  name: botoenv
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
 - !ruby/object:Gem::Dependency
   name: scss-lint
   requirement: !ruby/object:Gem::Requirement