@colijnit/transaction 12.1.7 → 12.1.8

package/style/styles.scss

@@ -1,367 +0,0 @@
-/* You can add global styles to this file, and also import other style files */
-
-html, body { height: 100%; }
-body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
-
-@mixin square($size) {
-  width: $size;
-  height: $size;
-}
-
-%font-small {
-  font-size: 10px;
-}
-
-%inline-block {
-  display: inline-block;
-}
-
-%circle {
-  border-radius: 50%;
-}
-
-%flex {
-  display: flex;
-}
-
-%inline-flex {
-  display: inline-flex;
-}
-
-%flex-row {
-  @extend %flex;
-  flex-direction: row;
-}
-
-%flex-column {
-  @extend %flex;
-  flex-direction: column;
-}
-
-%flex-center {
-  @extend %flex;
-  align-items: center !important;
-  justify-content: center !important;
-}
-
-%flex-no-shrink {
-  flex-shrink: 0;
-}
-
-%padding-top-medium {
-  padding-top: 11px;
-}
-
-%padding-bottom-medium {
-  padding-bottom: 11px;
-}
-
-%padding-vertical-medium {
-  @extend %padding-top-medium;
-  @extend %padding-bottom-medium;
-}
-
-%padding-medium {
-  @extend %padding-vertical-medium;
-  @extend %padding-horizontal-medium;
-}
-
-%padding-bottom-small {
-  padding-bottom: 5px;
-}
-
-
-%padding-bottom-big {
-  padding-bottom: 20px;
-}
-
-%padding-top-big {
-  padding-top: 20px;
-}
-
-%padding-vertical-big {
-  @extend %padding-top-big;
-  @extend %padding-bottom-big;
-}
-
-%padding-left-big {
-  padding-left: 20px;
-}
-
-%padding-right-big {
-  padding-right: 20px;
-}
-
-%padding-horizontal-big {
-  @extend %padding-left-big;
-  @extend %padding-right-big;
-}
-
-%padding-left-very-big {
-  padding-left: 30px;
-}
-
-%padding-right-very-big {
-  padding-right: 30px;
-}
-
-%padding-horizontal-very-big {
-  @extend %padding-left-very-big;
-  @extend %padding-right-very-big;
-}
-
-%padding-big {
-  @extend %padding-vertical-big;
-  @extend %padding-horizontal-big;
-}
-
-
-%padding-top-very-big {
-  padding-top: 30px;
-}
-
-%padding-bottom-very-big {
-  padding-bottom: 30px;
-}
-
-%padding-vertical-big {
-  @extend %padding-top-big;
-  @extend %padding-bottom-big;
-}
-
-%padding-vertical-very-big {
-  @extend %padding-top-very-big;
-  @extend %padding-bottom-very-big;
-}
-
-%padding-very-big {
-  @extend %padding-vertical-very-big;
-  @extend %padding-horizontal-very-big;
-}
-
-%padding-left-medium {
-  padding-left: 11px;
-}
-
-
-%padding-right-medium {
-  padding-right: 11px;
-}
-
-%padding-horizontal-medium {
-  @extend %padding-left-medium;
-  @extend %padding-right-medium;
-}
-
-%margin-big {
-  @extend %margin-vertical-big;
-  @extend %margin-horizontal-big;
-}
-
-%margin-top-big {
-  margin-top: 20px;
-}
-
-%margin-bottom-big {
-  margin-bottom: 20px;
-}
-
-%margin-left-big {
-  margin-left: 20px;
-}
-
-%margin-right-big {
-  margin-right: 20px;
-}
-
-%margin-horizontal-big {
-  @extend %margin-left-big;
-  @extend %margin-right-big;
-}
-
-%margin-vertical-big {
-  @extend %margin-top-big;
-  @extend %margin-bottom-big;
-}
-
-%margin-left-medium {
-  margin-left: 11px;
-}
-
-%light-text {
-  color: #F7FAFA;
-}
-
-%action-background {
-  background-color: #2b60a7;
-  @extend %light-text;
-}
-
-%cursor-pointer {
-  cursor: pointer;
-}
-
-/*
- structure
- */
-%full-width {
-  width: 100%;
-}
-
-%full-width-important {
-  width: 100% !important;
-}
-
-%full-height {
-  height: 100%;
-}
-
-%full-width-height {
-  @extend %full-width;
-  @extend %full-height;
-}
-
-%relative {
-  position: relative;
-}
-
-%icon-size {
-  @include square(30px);
-}
-
-%margin-top-medium {
-  margin-top: 11px;
-}
-
-%margin-right-medium {
-  margin-right: 11px;
-}
-
-
-/**
-  mixins
- */
-@mixin icon-fill($color) {
-  [fill] {
-    fill : $color;
-  }
-}
-
-@mixin icon-fill-important($color) {
-  [fill] {
-    fill : $color !important;
-  }
-}
-
-@mixin screen-md {
-  @media only screen and (min-width: 960px) and (max-width: 1280px - 1) {
-    @content;
-  }
-}
-
-@mixin screen-xs {
-  @media only screen and (max-width: 600px - 1) {
-    @content;
-  }
-}
-
-@mixin border-left-radius($px) {
-  border-top-left-radius: $px;
-  border-bottom-left-radius: $px;
-}
-
-@mixin border-right-radius($px) {
-  border-top-right-radius: $px;
-  border-bottom-right-radius: $px;
-}
-/**
-  icon extensions
- */
-%icon-size-massive {
-  @include square(100px);
-}
-
-%icon-size-humongous {
-  @include square(70px);
-}
-
-%icon-size-very-big {
-  @include square(45px);
-}
-
-%icon-size-big {
-  @include square(40px);
-}
-
-%icon-size {
-  @include square(30px);
-}
-
-%icon-size-small {
-  @include square(25px);
-}
-
-%icon-size-nano {
-  @include square(18px);
-}
-
-%icon-size-pico {
-  @include square(14px);
-}
-
-%light-icon {
-  @include icon-fill(#ffffff);
-}
-
-%overflow-hidden {
-  overflow: hidden;
-}
-
-%visibility-visible {
-  visibility: visible;
-}
-
-%absolute {
-  position: absolute !important;
-}
-
-%transform-center-top-left {
-  transform: translate(-50%, -50%);
-}
-
-%center {
-  top: 50%;
-  left: 50%;
-  margin-right: -50%;
-  @extend %transform-center-top-left;
-}
-
-%absolute-center {
-  @extend %absolute;
-  @extend %center;
-}
-
-%visibility-hidden {
-  visibility: hidden;
-}
-
-%bold {
-  font-weight: bold;
-}
-
-.triangle {
-  border-top-left-radius: 3px;
-  border-bottom-left-radius: 3px;
-  border-top-right-radius: 3px;
-  border-bottom-right-radius: 3px;
-}
-
-.full-width {
-  width: 100%;
-}
-
-.flex-center {
-  @extend %flex-center;
-  @extend %flex-row;
-  margin: 10px 0 10px;
-}

package/styles.scss

@@ -1,11 +0,0 @@
-
-//$tp-font-family: cursive;
-//$cc-color-action: blue;
-//$cc-font-family: cursive;
-//$cc-rb-height: 30px;
-@import "lib/components/input-text/style/material.scss";
-@import "lib/components/button/style/material.scss";
-@import "lib/components/input-radio-button/style/material.scss";
-@import "lib/components/grid/style/material.scss";
-@import "app/component/checkout/checkout-overview-relation-edit/style/material";
-@import "app/component/checkout/checkout-overview-relation-address/style/material";