ustyle 1.11.1 → 1.12.0

data/vendor/assets/images/icons/spinner 2.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="288" viewBox="0 0 32 288"><path fill="#fff" d="M31.164.84l-3.85 3.85C24.417 1.797 20.417.005 16 .005 6.553.005-.98 8.19.104 17.855.914 25.08 6.682 30.95 13.892 31.87c5.637.72 10.792-1.5 14.148-5.33l-3.01-2.635c-.175.2-.356.394-.546.583-2.266 2.265-5.28 3.514-8.485 3.514s-6.22-1.248-8.49-3.515C5.25 22.222 4 19.21 4 16.003s1.248-6.22 3.515-8.485C9.78 5.25 12.795 4.003 16 4.003s6.22 1.248 8.485 3.515l-3.62 3.617c-.32.32-.093.863.36.863h9.766c.56 0 1.01-.448 1.01-1.006V1.186c0-.436-.52-.654-.83-.346z"/><path fill="#333" d="M31.164 64.84l-3.85 3.85c-2.896-2.895-6.896-4.686-11.314-4.686-9.447 0-16.98 8.187-15.896 17.852.81 7.223 6.578 13.092 13.788 14.013 5.637.72 10.792-1.5 14.148-5.33l-3.01-2.64c-.175.2-.356.39-.546.58C22.218 90.75 19.204 92 16 92s-6.22-1.247-8.488-3.514C5.248 86.222 4 83.21 4 80.003s1.248-6.22 3.515-8.485c2.267-2.267 5.28-3.516 8.485-3.516s6.22 1.248 8.485 3.515l-3.62 3.617c-.32.32-.093.863.36.863h9.766c.56 0 1.01-.448 1.01-1.006v-9.8c0-.43-.52-.65-.83-.34z"/><path fill="#97999A" d="M31.164 128.84l-3.85 3.85c-2.896-2.895-6.896-4.686-11.314-4.686-9.447 0-16.98 8.187-15.896 17.852.81 7.223 6.578 13.092 13.788 14.013 5.637.72 10.792-1.5 14.148-5.33l-3.01-2.64c-.175.2-.356.39-.546.58-2.266 2.27-5.28 3.52-8.484 3.52s-6.22-1.25-8.488-3.52C5.248 150.22 4 147.21 4 144s1.248-6.22 3.515-8.484C9.782 133.25 12.795 132 16 132s6.22 1.25 8.485 3.516l-3.62 3.617c-.32.32-.093.863.358.863h9.767c.558 0 1.01-.448 1.01-1.006v-9.8c0-.43-.528-.65-.836-.34z"/><path fill="#008FE9" d="M31.164 192.84l-3.85 3.85c-2.896-2.895-6.896-4.686-11.314-4.686-9.447 0-16.98 8.187-15.896 17.852.81 7.223 6.578 13.092 13.788 14.013 5.637.72 10.792-1.5 14.148-5.33l-3.01-2.64c-.175.2-.356.39-.546.58-2.266 2.27-5.28 3.52-8.484 3.52s-6.22-1.25-8.488-3.52C5.248 214.22 4 211.21 4 208s1.248-6.22 3.515-8.484C9.782 197.25 12.795 196 16 196s6.22 1.25 8.485 3.516l-3.62 3.617c-.32.32-.093.863.358.863h9.767c.558 0 1.01-.448 1.01-1.006v-9.8c0-.43-.528-.65-.836-.34z"/><path fill="#1C1F4E" d="M31.164 256.84l-3.85 3.85c-2.896-2.895-6.896-4.686-11.314-4.686-9.447 0-16.98 8.187-15.896 17.852.81 7.223 6.578 13.092 13.788 14.013 5.637.72 10.792-1.5 14.148-5.33l-3.01-2.64c-.175.2-.356.39-.546.58-2.266 2.27-5.28 3.52-8.484 3.52s-6.22-1.25-8.488-3.52C5.248 278.22 4 275.21 4 272s1.248-6.22 3.515-8.484C9.782 261.25 12.795 260 16 260s6.22 1.25 8.485 3.516l-3.62 3.617c-.32.32-.093.863.358.863h9.767c.558 0 1.01-.448 1.01-1.006v-9.8c0-.43-.528-.65-.836-.34z"/></svg>

data/vendor/assets/stylesheets/ustyle/_icons.scss

@@ -1,20 +0,0 @@
-$load-icons: true;
-
-// Basics
-@import "ustyle/basics/functions";
-@import "ustyle/basics/variables";
-
-// All mixins
-@import "ustyle/mixins/base";
-
-// Font face
-@import "ustyle/basics/font-face";
-@import "ustyle/basics/font-face-ie";
-
-// Basic extends
-@import "ustyle/basics/fonts";
-@import "ustyle/basics/extends";
-
-@import "ustyle/icons/base";
-@import "ustyle/icons/svg";
-@import "ustyle/icons/png";

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

@@ -1,112 +0,0 @@
-// @page Pattern Library/Components
-// @name Featured deal
-//
-// @description
-//   The `.us-featured` is mostly composed of smaller components, the components can be shuffled around inside of a grid to create the needed variants.
-//   This featured deal won't make any assumptions around the media queries, it's up to you to deal with it.
-//
-// @markup
-//<div class="us-container">
-// <div class="us-featured__header us-grid-row us-padding-top us-padding-bottom">
-//   <div class="us-featured__header-title us-col-xsm-9 us-align--left">
-//     Title goes here
-//   </div>
-//   <div class="us-featured__header-subtitle us-col-xsm-3 us-align--right">
-//     Promotion
-//   </div>
-// </div>
-// <div class="us-featured__content us-grid-row us-padding-top us-padding-bottom">
-//   <div class="us-col-xsm-12">
-//     <div class='us-usp us-usp--blue'>
-//       Awesome deal usp
-//     </div>
-//   </div>
-//   <div class="us-desktop--hidden us-padding-top us-col-xsm-4 us-mobile-block">
-//     <img class="us-img--full" src="http://uswitch-wp-cms-assets.s3-website-eu-west-1.amazonaws.com/money/guides/wp-content/uploads/2014/11/DB2011AU01018_SMALL.jpg" width="200">
-//   </div>
-//   <div class="us-col-xsm-7 us-col-lg-8 us-col-sm-5">
-//     <ul>
-//       <li>List item 1</li>
-//       <li>List item 2</li>
-//       <li>List item 3</li>
-//     </ul>
-//     <div class="us-col-xsm-6 us-desktop--block">
-//       <div class="us-featured-highlight">
-//         <strong class="us-featured-highlight__title">
-//           &pound;99.99
-//         </strong>
-//         monthly cost
-//       </div>
-//     </div>
-//     <div class="us-col-xsm-6 us-desktop--block">
-//       <div class="us-featured-highlight">
-//         <strong class="us-featured-highlight__title">
-//           &pound;99.99
-//         </strong>
-//         monthly cost
-//         <br>
-//         <a class="us-featured-highlight__link us-link" href="#">Link</a>
-//       </div>
-//     </div>
-//   </div>
-//   <div class="us-col-xsm-3 us-col-lg-4 us-tablet--block">
-//     <img class="us-img--full us-desktop--block" src="http://uswitch-wp-cms-assets.s3-website-eu-west-1.amazonaws.com/money/guides/wp-content/uploads/2014/11/DB2011AU01018_SMALL.jpg" width="200">
-//     <button class="margin-top margin-bottom us-btn us-btn--primary us-btn us-btn--blocked">See deal</button>
-//     <div class="us-icon--before us-icon--small--before us-icon--typegrey--before us-icon--clock--before us-align--center">
-//       <strong>3 days left</strong>
-//     </div>
-//   </div>
-//   <div class="us-featured__mobile-icon  us-tablet--hidden us-col-xsm-3 us-icon us-icon--medium us-icon--typegrey us-icon--breadcrumb"></div>
-// </div>
-// <div class="us-featured__footer us-grid-row us-padding-top us-padding-bottom us-desktop--block">
-//   <div class="us-col-xsm-12">
-//     Legal stuff goes here
-//   </div>
-// </div>
-//</div>
-
-$featured-list-padding: 1em;
-$featured-highlight-text-size: 1.5em;
-$featured-legal-text-size: .9em;
-
-.us-featured__header {
-  overflow: hidden;
-  background-color: #fff;
-}
-
-.us-featured__content {
-  position: relative;
-  background-color: $c-cyan-light;
-
-  ul {
-    padding-left: $featured-list-padding;
-  }
-}
-
-.us-featured__mobile-icon {
-  position: absolute;
-  top: 45%;
-  right: 5px;
-  float: right;
-}
-
-.us-featured-highlight {
-  font-weight: bold;
-  color: $c-navy;
-  text-align: center;
-}
-
-.us-featured-highlight__title {
-  display: block;
-  font-size: $featured-highlight-text-size;
-}
-
-.us-featured-highlight__link {
-  font-weight: normal;
-}
-
-.us-featured__footer {
-  font-size: $featured-legal-text-size;
-  background-color: $c-cyan-light;
-  border-top: 1px solid $c-bordergrey;
-}

data/vendor/assets/stylesheets/ustyle/icons/_png.scss

@@ -1,37 +0,0 @@
-////
-//// @group icons
-////
-
-/// Output classes to build the PNG icons
-///
-///
-/// @param {String} $icon-name
-///   Icon name that matches one of the ones in the list
-///
-/// @param {String} $size-name
-///   Size name for the class-naming convention
-///
-/// @param {String} $size-px
-///   Used to build folder structure of PNG fallbacks in different sizes
-
-@mixin png-bg-icon($icon-name, $size-name, $size-px) {
-  .us-icon--#{$icon-name}.us-icon--#{$size-name},
-  .us-icon--#{$icon-name}--after.us-icon--#{$size-name}--after:after,
-  .us-icon--#{$icon-name}--before.us-icon--#{$size-name}--before:before {
-    background-image: url(ustyle-image-path("#{$base-icon-path}#{$size-px}/#{$icon-name}.png"));
-  }
-}
-
-@each $icon in $icons {
-  @each $size in $icon-sizes {
-    $size-name: nth($size, 1);
-    $pixels: nth($size, 2);
-    @if $svg-first == false {
-      @include png-bg-icon($icon, $size-name, $pixels);
-    } @else {
-      #{$png-support-class} {
-        @include png-bg-icon($icon, $size-name, $pixels);
-      }
-    }
-  }
-}

data/vendor/assets/stylesheets/ustyle/icons/_svg.scss

@@ -1,33 +0,0 @@
-////
-//// @group icons
-////
-
-/// Output classes to build the SVG icons
-///
-/// @param {String} $icon-name
-///   Icon name that matches one of the ones in the list
-
-@mixin svg-bg-icon($icon-name) {
-  .us-icon--#{$icon-name},
-  .us-icon--#{$icon-name}--after:after,
-  .us-icon--#{$icon-name}--before:before {
-    $icon-path: "#{$base-icon-path}#{$icon-name}.svg";
-    @if $svg-inline {
-      background-image: inline-svg($icon-path);
-    } @else {
-      background-image: url(ustyle-image-path($icon-path));
-    }
-  }
-}
-
-@if $load-icons {
-  @each $icon in $icons {
-    @if $svg-first {
-      @include svg-bg-icon($icon);
-    } @else {
-      #{$svg-support-class} {
-        @include svg-bg-icon($icon);
-      }
-    }
-  }
-}

data/vendor/assets/stylesheets/ustyle-icons.scss

@@ -1 +0,0 @@
-@import "ustyle/icons";