shipit-engine 0.44.2 → 0.45.0

data/app/assets/stylesheets/_base/_banner.scss

@@ -1,74 +0,0 @@
-// =============================================================================
-// BANNERS
-// =============================================================================
-
-.banner {
-  background: $blue;
-  padding: 1.75rem 0;
-  position: relative;
-
-  a {
-    color: #fff;
-  }
-
-  .icon {
-    background-color: #fff;
-  }
-}
-
-.banner__inner {
-  display: flex;
-  align-items: center;
-}
-
-.banner__title {
-  color: #fff;
-  margin-bottom: .5rem;
-}
-
-.banner__text {
-  color: rgba(#000, .6);
-  line-height: 1.3em;
-  margin-bottom: 0;
-}
-
-.banner__btn {
-  margin-top: 1rem;
-
-  .banner__accessory & {
-    margin-top: 0;
-  }
-}
-
-.banner__dismiss {
-  color: rgba(#000, .5);
-  font-size: 1.25rem;
-  position: absolute;
-  right: 0;
-  top: 0;
-  padding: .5em .75em;
-}
-
-.banner__content {
-  flex-grow: 1;
-}
-
-.banner__accessory {
-  flex-shrink: 0;
-}
-
-
-// BANNER COLORS
-// -----------------------------------------------------------------------------
-
-.banner--orange {
-  background: $orange;
-}
-
-.banner--blue {
-  background: $banner-blue;
-}
-
-.banner--red {
-  background: $banner-red;
-}

data/app/assets/stylesheets/_base/_base.scss

@@ -1,249 +0,0 @@
-// =============================================================================
-// BASE
-// =============================================================================
-
-$border-radius: 4px;
-
-@mixin clearfix {
-  &:after {
-    content:"";
-    display:table;
-    clear:both;
-  }
-}
-
-@mixin truncate {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-@mixin disabled {
-  background: transparent;
-  border: 1px solid rgba(#ccc,.7);
-  color: #ccc;
-  pointer-events: none;
-}
-
-@mixin failure {
-  color: $red;
-  border-color: $red;
-}
-
-@mixin flexbox() {
-  display: -webkit-box;
-  display: -moz-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-}
-
-@mixin flex-direction($direction) {
-  -webkit-flex-direction: $direction;
-  -ms-flex-direction: $direction;
-  flex-direction: $direction;
-}
-
-@mixin flex($values) {
-  -webkit-box-flex: $values;
-  -moz-box-flex:  $values;
-  -webkit-flex:  $values;
-  -ms-flex:  $values;
-  flex:  $values;
-}
-
-@mixin order($val) {
-  -webkit-box-ordinal-group: $val;
-  -moz-box-ordinal-group: $val;
-  -ms-flex-order: $val;
-  -webkit-order: $val;
-  order: $val;
-}
-
-@mixin keyframes($name) {
-  @-webkit-keyframes #{$name} {
-    @content;
-  }
-  @-moz-keyframes #{$name} {
-    @content;
-  }
-  @-ms-keyframes #{$name} {
-    @content;
-  }
-  @keyframes #{$name} {
-    @content;
-  }
-}
-
-@-webkit-keyframes rotate {
-  0% { -webkit-transform: rotate(0); }
-  100% { -webkit-transform: rotate(360deg); }
-}
-
-::selection {
-  background: $blue;
-  color: #fff;
-}
-
-body {
-  padding: 0; margin: 0;
-  font-family: "Helvetica Neue", sans-serif;
-  color: #333;
-  background-color: #fafafa;
-  -webkit-font-smoothing: subpixel-antialiased;
-}
-
-
-// Paragraphs
-p {
-  margin: 0;
-  margin-bottom: 1.5em;
-}
-
-// Links
-
-a {
-  text-decoration: none;
-  cursor: pointer;
-  color: $blue;
-
-  &.disabled {
-    cursor: default;
-  }
-}
-
-.more {
-  &:after {
-    content: " >";
-    font-family: "Checkout Symbols";
-  }
-}
-
-// Headings
-
-h1 {
-  font-size: 1.75rem;
-  font-weight: 400;
-  margin: 0;
-  color: #333;
-}
-
-h2 {
-  font-size: 1.25rem;
-  font-weight: 400;
-  margin: 0;
-}
-
-h4 {
-  color: rgba(#fff, 0.25);
-  text-transform: uppercase;
-  font-size: .75rem;
-  font-weight: 400;
-  margin: -1rem 0 1.5rem;
-}
-
-h5 {
-  font-size: 1rem;
-  margin: 0; margin-bottom: .5rem;
-}
-
-[data-tooltip], [data-tooltip-multiline] { // Add this attribute to the element that needs a tooltip
-  position: relative;
-  cursor: pointer;
-  -webkit-transform: translate3d(0,0,0);
-
-    &:before, &:after { // Hide the tooltip content by default
-      visibility: hidden;
-      pointer-events: none;
-      z-index: 200;
-      opacity: 0;
-      -webkit-transform: translate3d(0,0,0);
-    }
-
-    &:hover:before, &:hover:after { // Show tooltip content on hover
-      visibility: visible;
-      opacity: 1;
-    }
-
-    &:before { // Position tooltip above the element
-      content: attr(data-tooltip);
-      box-sizing: border-box;
-      position: absolute; bottom: 120%; left: 50%;
-      margin-bottom: 5px; padding: .75em 1em;
-
-      border-radius: 5px;
-      background: #333; background: rgba(68, 68, 68, 0.9);
-      font-size: 12px; font-style: normal; font-weight: normal;
-      line-height: 1.4em;
-      text-align: center;
-      color: #fff;
-      text-indent: 0;
-
-    }
-
-    &:after { // Triangle hack to make tooltip look like a speech bubble
-      content: " ";
-      position: absolute; bottom: 120%; left: 50%;
-      margin-left: -7px;
-      width: 0;
-      border-top: 5px solid #333; border-top: 5px solid rgba(68, 68, 68, 0.9);
-      border-right: 7px solid transparent; border-left: 7px solid transparent;
-      font-size: 0;
-      line-height: 0;
-    }
-
-}
-
-[data-tooltip-multiline] {
-  &:before {
-    width: 180px;
-    margin-left: -90px;
-    white-space: normal;
-  }
-}
-
-[data-tooltip] {
-  &:before {
-    white-space: nowrap;
-    -webkit-transform: translateX(-50%);
-  }
-}
-
-a.disabled {
-  cursor: default;
-}
-
-@font-face {
-  font-family: 'Checkout Symbols';
-  font-weight: 400;
-  src: asset-url('CheckoutSymbols-Regular.eot'); /* IE9 Compat Modes */
-  src: asset-url('CheckoutSymbols-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       asset-url('CheckoutSymbols-Regular.woff') format('woff'), /* Modern Browsers */
-       asset-url('CheckoutSymbols-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
-       asset-url('CheckoutSymbols-Regular.svg#9a6d998e14a2d97b6369d42f64b6816f') format('svg'); /* Legacy iOS */
-  font-style: normal;
-}
-
-.hidden {
-  display: none;
-}
-
-
-.flash {
-  transform: translateX(-50%);
-  left: 50%;
-  position: fixed;
-  padding: 1em;
-  border-radius: 4px;
-  min-width: 30%;
-  text-align: center;
-  z-index: 1;
-}
-
-.flash-success {
-  background-color: #E2F1FF;
-}
-
-.flash-warning {
-  background-color: orange;
-}

data/app/assets/stylesheets/_base/_buttons.scss

@@ -1,62 +0,0 @@
-// =============================================================================
-// BUTTONS
-// =============================================================================
-
-.btn {
-  display: inline-block;
-  font-family: inherit;
-  background: #fff;
-  color: $blue;
-  padding: .75em 1em;
-  font-size: 14px;
-  border-radius: 4px;
-  cursor: pointer;
-  border: none;
-  box-shadow: 0 0 0 1px rgba(#000, 0.15);
-}
-
-.btn--primary {
-  background-color: $blue;
-  color: #fff;
-  box-shadow: none;
-
-  &.btn--disabled {
-    box-shadow: 0 0 0 1px rgba(#000, 0.15);
-  }
-
-  &.btn--warning {
-    background-color: $yellow;
-  }
-}
-
-.btn--disabled {
-  color: $grey;
-  background-color: #fafafa;
-  cursor: default;
-}
-
-.btn--delete {
-  color: #fff;
-  border: none;
-  background-color: $bright-red;
-
-  &.btn-disabled {
-    color: $grey;
-    background-color: $light-red;
-  }
-}
-
-.btn--alert {
-  color: #fff;
-  background-color: $orange;
-
-  &.btn-disabled {
-    color: $grey;
-    background-color: $light-orange;
-  }
-}
-
-.btn--large {
-  font-size: 1rem;
-  padding: 1em 1.25em;
-}

data/app/assets/stylesheets/_base/_colors.scss

@@ -1,19 +0,0 @@
-// =============================================================================
-// COLORS
-// =============================================================================
-
-$banner-blue: #96A9BA;
-$banner-red: #EE6A6A;
-$blue: #248AF2;
-$green: #25C351;
-$red: #F39494;
-$bright-red: #F73B3B;
-$light-red: #ffd9d6;
-$yellow: #FFC66C;
-$dark-yellow: #CEA61B;
-$orange: #FFAD4C;
-$light-orange: #ffebcc;
-$slate: #2E343A;
-$terminal-black: #272C30;
-$grey: #999;
-$grey-light: #e0e0e0;

data/app/assets/stylesheets/_base/_forms.scss

@@ -1,48 +0,0 @@
-// =============================================================================
-// FORMS
-// =============================================================================
-
-form + form {
-  margin-top: 1rem;
-}
-
-input[type=text], input[type=password], select, textarea {
-  display: block;
-  font-size: .875rem;
-  border-radius: 4px;
-  border: 1px solid rgba(#000, .15);
-  padding: .75rem;
-  width: 100%;
-  max-width: 600px;
-
-  label + & {
-    margin-top: .75rem;
-  }
-}
-
-textarea {
-  height: 6rem;
-}
-
-.field-wrapper {
-  margin-bottom: 1.5rem;
-  input:focus {
-    border-color: $blue;
-  }
-  &.inline {
-    input {
-      &.btn {
-        height: 2.5rem;
-      }
-      display: inline;
-      &:focus {
-        padding-right: 30px;
-      }
-    }
-  }
-}
-
-.field_with_errors {
-  border: 1px solid $red;
-  display: inline-block;
-}

data/app/assets/stylesheets/_base/_icons.scss

@@ -1,26 +0,0 @@
-.icon--lock {
-  display: inline-block;
-  background-color: #000;
-  mask: asset-data-url("lock.svg") no-repeat 50% 50%;
-//  background: asset-data-url("lock.svg") center center no-repeat;
-  height: 15px;
-  width: 12px;
-}
-
-.icon--validate {
-  display: inline-block;
-  background-color: #000;
-  mask: asset-data-url("success-small.svg") no-repeat 50% 50%;
-//  background: asset-data-url("lock.svg") center center no-repeat;
-  height: 15px;
-  width: 12px;
-}
-
-.icon--reject {
-  display: inline-block;
-  background-color: #000;
-  mask: asset-data-url("error-small.svg") no-repeat 50% 50%;
-//  background: asset-data-url("lock.svg") center center no-repeat;
-  height: 15px;
-  width: 12px;
-}

data/app/assets/stylesheets/_base/_media-queries.scss

@@ -1,17 +0,0 @@
-$mobile: 600px;
-$tablet: 800px;
-$desktop: 1000px;
-
-$media-queries: (
-  mobile: "(max-width: #{$mobile - 1})",
-  tablet-down: "(max-width: #{$desktop - 1})",
-  tablet: "(min-width: #{$mobile} and max-width: #{$tablet - 1})",
-  tablet-up: "(min-width: #{$tablet})",
-  desktop: "(min-width: #{$desktop})"
-);
-
-@mixin media($key) {
-  @media #{map-get($media-queries, $key)} {
-    @content;
-  }
-}

data/app/assets/stylesheets/_base/_spacing.scss

@@ -1,21 +0,0 @@
-$spacing-data: (
-  tight: 0.75rem,
-  base: 1rem,
-  loose: 1.5rem
-);
-
-/// Returns the spacing value for a given variant.
-///
-/// @param {String} $variant - The key for the given variant.
-/// @return {Number} The spacing for the variant.
-
-@function spacing($variant: base) {
-  $fetched-value: map-get($spacing-data, $variant);
-
-  @if type-of($fetched-value) == number {
-    @return $fetched-value;
-  } @else {
-    @error 'Spacing variant `#{$variant}` not found. Available variants: #{available-names($spacing-data)}';
-  }
-}
-

data/app/assets/stylesheets/_base/_status-items.scss

@@ -1,166 +0,0 @@
-// =============================================================================
-// STATUS ITEMS
-// =============================================================================
-
-.status-list {
-  position: absolute;
-  width: 25rem;
-  left: 3.25rem;
-  top: 0.25rem;
-  background: #fff;
-  border-radius: $border-radius;
-  box-shadow: 0 0 0 1px rgba(#000, .075), 0 5px 13px rgba(#000, .15);
-  transform: scale(0.75);
-  transform-origin: -10% 20%;
-  transition: all .3s cubic-bezier(0.34,1.61,0.7,1);
-  visibility: hidden;
-  opacity: 0;
-  z-index: 2;
-
-  .status-group:hover & {
-    transform: scale(1);
-    opacity: 1;
-    visibility: visible;
-  }
-}
-
-
-// STATUS ITEMS TRIANGLE
-// -----------------------------------------------------------------------------
-
-.status-list:before,
-.status-list:after {
-  content: '';
-  display: block;
-  width: 0;
-  height: 0;
-  position: absolute;
-  top: 0.55rem;
-  border: 7px outset transparent;
-}
-
-.status-list:before {
-  border-right: 7px solid rgba(#000, .075);
-  left: -14px;
-}
-
-.status-list:after {
-  border-right: 7px solid white;
-  left: -12px;
-}
-
-
-// STATUS ITEM
-// -----------------------------------------------------------------------------
-
-.status-item {
-  padding: 0.6rem;
-}
-
-
-// STATUS ITEM
-
-.status-item {
-  background: rgba(#000, 0.035);
-  font-size: 0.8rem;
-
-  & + & {
-    border-top: 1px solid #fff;
-  }
-}
-
-
-// STATUS ITEM SUMMARY
-
-.status-item--summary {
-  background: transparent;
-  font-size: 0.9rem;
-}
-
-
-// STATUS DESCRIPTION
-// -----------------------------------------------------------------------------
-
-.status-item__description {
-  color: #777;
-}
-
-
-// STATUS SERVICE
-// -----------------------------------------------------------------------------
-
-.status-item__service {
-  .status-item--success & {
-    color: $green;
-  }
-
-  .status-item--pending & {
-    color: $dark-yellow;
-  }
-
-  .status-item--error & {
-    color: #333;
-  }
-
-  .status-item--failed &,
-  .status-item--failure & {
-    color: $bright-red;
-  }
-}
-
-
-// STATUS ICON
-// -----------------------------------------------------------------------------
-
-.status-item__icon {
-  width: 12px;
-  height: 12px;
-  display: inline-block;
-  background: transparent no-repeat center center;
-  vertical-align: -2px;
-
-  .status-item--success & {
-    background-image: asset-data-url('success-small.svg');
-  }
-
-  .status-item--pending & {
-    background-image: asset-data-url('pending-small.svg');
-  }
-
-  .status-item--error & {
-    background-image: asset-data-url('error-small.svg');
-  }
-
-  .status-item--failed &,
-  .status-item--failure & {
-    background-image: asset-data-url('failure-small.svg');
-  }
-}
-
-// DEPLOY STATUS ICON
-// -----------------------------------------------------------------------------
-
-.deploy-status__icon {
-  width: 12px;
-  height: 12px;
-  display: inline-block;
-  background: transparent no-repeat center center;
-  vertical-align: -2px;
-
-  .deploy[data-release-status=success] & {
-    background-image: asset-data-url('success-small.svg');
-  }
-
-  .deploy[data-release-status=pending] &,
-  .deploy[data-release-status=unknown] & {
-    background-image: asset-data-url('pending-small.svg');
-  }
-
-  .deploy[data-release-status=error] & {
-    background-image: asset-data-url('error-small.svg');
-  }
-
-  .deploy[data-release-status=failure] & {
-    background-image: asset-data-url('failure-small.svg');
-  }
-}

data/app/assets/stylesheets/_base/_utility.scss

@@ -1,15 +0,0 @@
-// =============================================================================
-// UTILITY
-// =============================================================================
-
-.visually-hidden {
-  border: 0;
-  clip: rect(0, 0, 0, 0);
-  clip: rect(0 0 0 0);
-  width: 2px; // 2px min. required to still allow hidden fields to be filled in
-  height: 2px; // 2px min. required to still allow hidden fields to be filled in
-  margin: -2px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-}