rebuild - new background, removed modals, go to update

FundingCircle · Apr 22, 2015 · 1a9a081 · 1a9a081
1 parent 0c7499a
commit 1a9a081
Show file tree

Hide file tree

Showing 8 changed files with 11 additions and 152 deletions.
diff --git a/dist/fonts/fc-icons.eot b/dist/fonts/fc-icons.eot
diff --git a/dist/fonts/fc-icons.ttf b/dist/fonts/fc-icons.ttf
diff --git a/dist/fonts/fc-icons.woff b/dist/fonts/fc-icons.woff
diff --git a/dist/sass/general/go-to-links.scss b/dist/sass/general/go-to-links.scss
@@ -13,8 +13,8 @@ $goToLinkSize: rem(4);
   z-index: 2;
   width: $goToLinkSize;
   height: $goToLinkSize;
-  font-size: $goToLinkSize / 3;
-  line-height: $goToLinkSize / 1.5;
+  font-size: $goToLinkSize * 1.25 / 2;
+  line-height: $goToLinkSize;
   text-align: center;
   background: inherit;
 
@@ -26,11 +26,6 @@ $goToLinkSize: rem(4);
     text-decoration: none;
   }
 
-  // other go to links colors
-
-  .bg-1 & path { fill: $colorCtaPrimary; }
-  .bg-1 &:hover path { fill: $ColorBrand5; }
-
 }
 
 

diff --git a/dist/sass/general/modal.scss b/dist/sass/general/modal.scss
diff --git a/dist/sass/general/useful-classes.scss b/dist/sass/general/useful-classes.scss
@@ -44,6 +44,7 @@
 .bg-5 { background: $colorBackground4; }
 .bg-6 { background: $colorBackground5;}
 .bg-7 { background: $colorBackground6;}
+.bg-8 { background: $colorFontDarkSoft;}
 
 .upper-title {
   @include font(-1, true, 300);

diff --git a/dist/sass/style.scss b/dist/sass/style.scss
@@ -485,9 +485,6 @@ $ie: false!default;
 @import './general/buttons';
 @import './general/go-to-links';
 
-// modal windows
-@import './general/modal';
-
 // everything related to forms
 @import './general/forms-v2';
 

diff --git a/dist/style.css b/dist/style.css
@@ -331,7 +331,7 @@ td, th {
   font-weight: normal;
   font-style: normal; }
 
-.fci-icon:before, [class^="fci-"]:before, [class*=" fci-"]:before, .modal_close:before, .message:before, .message--error:before, .message--warning:before, .message--success:before, .form-checkbox label .ui-checkbox:before, .tooltip_close:before {
+.fci-icon:before, [class^="fci-"]:before, [class*=" fci-"]:before, .message:before, .message--error:before, .message--warning:before, .message--success:before, .form-checkbox label .ui-checkbox:before, .tooltip_close:before {
   font-family: "fc-icons" !important;
   font-style: normal !important;
   font-weight: normal !important;
@@ -363,7 +363,7 @@ td, th {
 .fci-info:before, .message:before {
   content: "\E007"; }
 
-.fci-close:before, .modal_close:before, .tooltip_close:before {
+.fci-close:before, .tooltip_close:before {
   content: "\E008"; }
 
 .fci-transaction:before {
@@ -702,7 +702,7 @@ td, th {
 
   $breakPoints: two values that determine when the padding is applied
 \* ---------------------------------------------------------------------- */
-.wrap, .wrap--nopad, .modal, .wrap--form {
+.wrap, .wrap--nopad, .wrap--form {
   margin: 0 auto;
   width: 100%;
   max-width: 1200px; }
@@ -867,6 +867,9 @@ h1, h2, h3, h4, h5, h6 {
 .bg-7 {
   background: #f6f5f3; }
 
+.bg-8 {
+  background: #383838; }
+
 .upper-title {
   /* CALCULATE THE FONT SIZE */
   font-size: 13px;
@@ -1488,83 +1491,19 @@ h1, h2, h3, h4, h5, h6 {
   z-index: 2;
   width: 64px;
   height: 64px;
-  font-size: 21.33333px;
-  line-height: 42.66667px;
+  font-size: 40px;
+  line-height: 64px;
   text-align: center;
   background: inherit; }
   .go-to-link svg {
     margin: 12.8px auto; }
   .go-to-link:hover {
     text-decoration: none; }
-  .bg-1 .go-to-link path {
-    fill: #097fc9; }
-  .bg-1 .go-to-link:hover path {
-    fill: #ff4e00; }
 
 form h3 {
   margin-bottom: 8px;
   font-weight: 400; }
 
-.modal {
-  width: auto;
-  border-top: 5px solid #ab3383;
-  position: absolute;
-  top: -80px;
-  left: 32px;
-  right: 32px;
-  z-index: 111;
-  margin-bottom: 32px;
-  padding: 32px;
-  background: white;
-  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.5);
-  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.5);
-  opacity: 0;
-  filter: alpha(opacity=0);
-  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
-  .modal_wrap {
-    display: none; }
-    .modal_wrap.is-visible {
-      display: block; }
-      .modal_wrap.is-visible:before {
-        background: rgba(0, 0, 0, 0.5); }
-      .modal_wrap.is-visible .modal {
-        opacity: 1;
-        filter: alpha(opacity=100);
-        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-        top: 0; }
-    .modal_wrap:before {
-      content: '';
-      display: block;
-      position: fixed;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      z-index: 110;
-      background: transparent; }
-      .ie-8 .modal_wrap:before {
-        opacity: 0.5;
-        filter: alpha(opacity=50);
-        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-        background: black; }
-  .modal_close {
-    /* CALCULATE THE FONT SIZE */
-    font-size: 13px;
-    /* LINE HEIGHT */
-    line-height: 16px;
-    /* FONT WEIGHT */
-    /* FONT STYLE */
-    /* FONT VARIANT */
-    /* FONT Family */
-    display: block;
-    position: absolute;
-    top: 16px;
-    right: 16px;
-    color: #575757; }
-    .modal_close:hover {
-      color: #ab3383;
-      text-decoration: none; }
-
 /* ---------------------------------------------------------------------- *\
   FORMS
 \* ---------------------------------------------------------------------- */