ustyle 1.12.6 → 1.14.0

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

@@ -1,134 +0,0 @@
-// @page Pattern Library/JavaScript
-// @name Anchor
-//
-// @description
-//  Anchor is a naive implementation of Tether by HubSpot. It creates an independent dropdown that is "anchored" to the bottom of the target element.
-//  We've decided to only support IE9+, as the uses of Anchor throughout uSwitch are for progressive enhancement.
-//
-// @javascript
-//   var anchor = new Anchor({
-//     classPrefix: "us-anchor"
-//     openEvent: "click"
-//     showClose: true
-//     isAjax: false
-//   });
-//
-// @markup
-//   <span class='us-btn js-example-anchor'>Click me!</span>
-//   <div class='us-anchor__target js-example-anchor__target'>
-//     <p>Kielbasa tenderloin spare ribs, andouille doner brisket chuck drumstick bresaola short loin pork t-bone ground round jowl. Ball tip pork loin doner tongue filet mignon biltong hamburger leberkas. Filet mignon kielbasa kevin short ribs, drumstick chuck shankle spare ribs tri-tip.</p>
-//   </div>
-
-@keyframes anchor-show {
-  0% {
-    transform: scale(0) translateZ(0);
-  }
-
-  100% {
-    transform: scale(1) translateZ(0);
-  }
-}
-
-.us-anchor,
-.us-anchor__target {
-  display: none;
-}
-
-.us-anchor {
-  right: 0;
-  opacity: .999;
-  transform: translateZ(0);
-  transition: opacity 300ms;
-
-  @include respond-to(small-tablet) {
-    right: auto;
-  }
-
-  .us-anchor__target {
-    display: block;
-  }
-}
-
-.us-anchor--open {
-  display: block;
-
-  .us-anchor__content {
-    animation: anchor-show 300ms forwards;
-  }
-}
-
-.us-anchor--after-open {
-  opacity: 1;
-  transition: none;
-}
-
-.us-anchor__content {
-  @include normal-font;
-  position: relative;
-  max-width: 98%;
-  padding: $gutter-width / 2 $gutter-width / 2 $gutter-width;
-  margin-right: 1%;
-  margin-left: 1%;
-  background-color: #fff;
-  border: 1px solid $c-typegrey;
-  border-radius: 8px;
-  transition: transform 300ms 100ms;
-  transform-origin: 50%, -12px;
-
-  @include respond-to(small-tablet, true) {
-    padding: $gutter-width / 1.25 $gutter-width / 1.5 $gutter-width;
-    margin: 0;
-  }
-
-  .us-anchor--bottom & {
-    transform-origin: 50%, calc(100% + -12px);
-  }
-}
-
-.us-anchor__arrow {
-  position: absolute;
-  z-index: 5;
-  margin-left: -17.5px;
-
-  .us-anchor--top & {
-    @include arrow(35px, 15px, up, $c-typegrey);
-    top: -15px;
-  }
-
-  .us-anchor--bottom & {
-    @include arrow(35px, 15px, down, $c-typegrey);
-    bottom: -15px;
-  }
-}
-
-.us-anchor__arrow-inner {
-  position: absolute;
-  left: -17px;
-
-  .us-anchor--top & {
-    @include arrow(35px, 15px, up, #fff);
-    top: 2px;
-  }
-
-  .us-anchor--bottom & {
-    @include arrow(35px, 15px, down, #fff);
-    bottom: 2px;
-  }
-}
-
-.us-anchor__close-button {
-  @include link-colors(#fff, #fff, #fff, #fff);
-  position: absolute;
-  top: -7.5px;
-  right: -7.5px;
-  width: 25px;
-  height: 25px;
-  text-align: center;
-  background-color: #000;
-  border-radius: 50%;
-
-  &:before {
-    font-size: 2em;
-    content: "\00d7";
-  }
-}

data/vendor/assets/stylesheets/ustyle/login/_base.scss

@@ -1,81 +0,0 @@
-// These are the stylings for sign up/sign in
-.us-login__hero--signup {
-  @include respond-to(tablet, true) {
-    margin-bottom: 0;
-  }
-}
-
-.us-login__hero-title {
-  margin-bottom: 1em;
-}
-
-.us-login {
-  position: relative;
-  width: 100%;
-
-  @include respond-to(small-tablet, true) {
-    width: em(340px);
-  }
-}
-
-.us-login__container {
-  position: relative;
-  overflow: hidden;
-
-  @if $html-grid-classes == false {
-    * {
-      box-sizing: border-box;
-    }
-
-    a {
-      text-decoration: none;
-      transition: color 333ms, border-color 333ms;
-    }
-  }
-
-  .trailered {
-    margin-bottom: $gutter-width / 2;
-  }
-}
-
-.us-login__form {
-  display: none;
-  transition: transform 300ms;
-
-  &.login-state--active {
-    display: block;
-  }
-  
-  .us-login__input {
-    display: block;
-    width: 100%;
-  }
-}
-
-.us-login__title {
-  @extend %heading-3;
-  color: $c-typegrey;
-}
-
-.us-login__additional-link {
-  @extend %small-font;
-  @include link-colors($c-typegrey-2, $c-typecyan, $c-typegrey-2, $c-typegrey-2);
-  display: block;
-}
-
-.us-login__extra {
-  padding: 1.5em $gutter-width / 2;
-  color: $c-typegrey-2;
-}
-
-.us-login__small-text {
-  @extend %small-font;
-  margin-top: .5em;
-  color: $c-typegrey-2;
-}
-
-.us-login__newsletter {
-  input {
-    margin-right: .5em;
-  }
-}

data/vendor/assets/stylesheets/ustyle/login/_password-help.scss

@@ -1,61 +0,0 @@
-.pass-helper__wrapper {
-  > input {
-    position: relative;
-    z-index: 1;
-    background-color: transparent;
-  }
-}
-
-.pass-helper__meter {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 0;
-  background-color: #fff;
-  border-radius: 3px;
-
-  div {
-    height: 100%;
-    text-indent: -999em;
-    transition: all 300ms ease-in-out;
-  }
-
-  .very-weak {
-    width: 25%;
-    background-color: #ffd;
-  }
-
-  .weak {
-    width: 50%;
-    background-color: #fddfd0;
-  }
-
-  .medium {
-    width: 75%;
-    background-color: #fff6c5;
-  }
-
-  .strong {
-    width: 100%;
-    background-color: #dffec2;
-  }
-}
-
-.pass-helper__show-hide {
-  position: absolute;
-  top: 50%;
-  right: .5em;
-  z-index: 2;
-  margin-top: -.5em;
-  font-size: 12px;
-  line-height: 1;
-  color: $c-typecyan;
-  text-transform: uppercase;
-  cursor: pointer;
-
-  @include respond-to(mobile) {
-    font-size: 10px;
-  }
-}

data/vendor/assets/stylesheets/ustyle/login/_social.scss

@@ -1,63 +0,0 @@
-// Social buttons - shared across login containers
-.us-social__container {
-  @extend %clearfix;
-  position: relative;
-}
-
-.us-social__cta {
-  @extend %reset-box-model;
-  padding-top: $gutter-width / 4;
-  padding-bottom: $gutter-width / 4;
-}
-
-.us-social__buttons {
-  position: absolute;
-  top: 0;
-  right: 0;
-}
-
-.us-social__btn {
-  @include link-colors($c-blue, $c-typecyan, $c-blue, $c-blue, darken($c-blue, 15%));
-  display: block;
-  float: left;
-  margin-left: .5em;
-  text-decoration: none;
-  
-  &:hover {
-    .us-social__btn-text {
-      max-width: 400px;
-      margin-left: 5px;
-    }
-  }
-}
-
-.us-social__btn-text,
-.us-social__btn-icon {
-  position: relative;
-  vertical-align: middle;
-}
-
-.us-social__btn-text {
-  @extend %small-font;
-  z-index: 1;
-  display: inline-block;
-  max-width: 0;
-  overflow: hidden;
-  transition: max-width 300ms;
-}
-
-.us-social__btn-icon {
-  z-index: 5;
-  font-size: 2em;
-  line-height: 1.15em;
-}
-
-$social-buttons: ("facebook", #3b5998), ("google", #e74c3c), ("twitter", #55acee);
-
-@each $button in $social-buttons {
-  .us-social__btn--#{nth($button, 1)} {
-    .us-social__btn-icon {
-      color: nth($button, 2);
-    }
-  }
-}