Checking in removal process.

common/assets/styles/etherwallet-custom.less

@@ -7,215 +7,6 @@ textarea {
   resize: vertical;
 }
 
-// anouncement bars
-.announcement {
-  padding: 3px 10px;
-  text-align: center;
-  font-weight: 300;
-  color: white;
-  display: block;
-  background-color: @brand-primary;
-  a {
-    text-decoration: underline;
-    color: white;
-    transition: 250ms all ease;
-  }
-  &:hover,
-  &:focus {
-    transition: 250ms all ease;
-    color: darken(white, 5%);
-    text-decoration: none;
-    background-color: darken(@brand-primary, 5%);
-  }
-  strong {
-    font-weight: 400;
-  }
-}
-
-.annoucement-warning {
-  background-color: @brand-danger;
-  &:hover,
-  &:focus {
-    background-color: darken(@brand-danger, 5%);
-    a,
-    a:hover {
-      text-decoration: none;
-    }
-  }
-}
-
-.annoucement-danger {
-  background-color: @brand-danger;
-  a:hover,
-  a:focus {
-    color: darken(white, 5%);
-    a,
-    a:hover {
-      text-decoration: none;
-    }
-  }
-}
-
-// address icenticons
-.address-identicon-container {
-  padding-left: 0;
-  padding-top: @space-md;
-  text-align: left;
-  @media screen and (max-width: @grid-float-breakpoint) {
-    padding-left: @space-lg;
-    padding-right: @space-lg;
-    padding-top: 0;
-  }
-}
-
-.address-identicon-container-right {
-  padding-right: 0;
-  padding-top: @space-md;
-  text-align: right;
-  .addressIdenticon {
-    float: right;
-  }
-  @media screen and (max-width: @grid-float-breakpoint) {
-    padding-left: @space-lg;
-    padding-right: @space-lg;
-    padding-top: 0;
-  }
-}
-
-.address-identicon-container-offline {
-  padding: 0;
-  margin-left: -15px;
-}
-
-.addressIdenticon {
-  width: 4rem;
-  height: 4rem;
-  background-size: cover;
-  background-repeat: no-repeat;
-  border-radius: 50%;
-  box-shadow: inset rgba(255, 255, 255, 0.5) 0 2px 2px,
-    inset rgba(0, 0, 0, 0.6) 0 -1px 8px;
-}
-
-.addressIdenticon.med {
-  width: 3rem;
-  height: 3rem;
-}
-
-.addressIdenticon.small {
-  width: 2rem;
-  height: 2rem;
-}
-
-.addressIdenticon.inline {
-  display: inline-block;
-}
-
-.addressIdenticon.float {
-  float: left;
-  margin-right: @space-sm;
-}
-
-// helpers
-.wrap {
-  word-wrap: break-word;
-}
-
-.bigger-on-mobile.form-control[readonly] {
-  height: 60px;
-  @media screen and (max-width: 767px) {
-    height: 100px;
-  }
-}
-
-// help page
-#paneHelp {
-  h3 {
-    margin-top: 2em;
-  }
-}
-
-// monospace things
-.mono,
-.form-control,
-#accountAddress,
-#accountBalance,
-#accountBalanceUsd,
-#accountBalanceEur,
-#accountBalanceBtc,
-#accountBalancePopMB-0,
-#accountBalancePopMB-2,
-#accountAddressMainTbl-1 {
-  font-family: @font-family-monospace;
-  font-weight: normal;
-  letter-spacing: .02em;
-}
-
-// QR Code on Offline Transactions Page
-.offline-qrcode {
-  margin-top: -150px;
-  max-width: 300px;
-  @media screen and (max-width: 942px) {
-    margin-top: -78px;
-  }
-  @media screen and (max-width: 769px) {
-    margin-top: 0;
-  }
-}
-
-// collapsable containers
-.collapse-container {
-  h2,
-  h4 {
-    cursor: pointer;
-  }
-  .collapse-button {
-    float: left;
-    font-weight: 500;
-    user-select: none;
-    padding: 10px;
-    margin: -10px -35px;
-    font-size: 24px;
-    line-height: 1.6;
-  }
-}
-
-// help collapsable containers
-.help .collapse-container {
-  margin: 40px 0;
-  .collapse-button {
-    margin: -10px -30px;
-    font-size: 20px;
-    line-height: 1;
-  }
-}
-
-// little x image next to custom tokens
-.token-remove {
-  width: @font-size-small;
-  height: @font-size-small;
-  position: absolute;
-  left: 18px;
-  cursor: pointer;
-}
-
-.node-remove {
-  width: 16px;
-  height: 16px;
-  position: absolute;
-  right: 6px;
-  top: 8px;
-}
-
-.m-addresses td:first-child {
-  max-width: 50px;
-  min-width: 50px;
-}
-
-.m-addresses td:last-child {
-  text-align: right;
-}
-
 h2 a.isActive {
   color: #333;
   cursor: default;

common/containers/Tabs/ViewWallet/index.tsx

@@ -1,26 +0,0 @@
-import React, { Component } from 'react';
-import translate from 'translations';
-import TabSection from 'containers/TabSection';
-
-export default class ViewWallet extends Component {
-  public render() {
-    return (
-      <TabSection>
-        <section className="container">
-          <div className="tab-content">
-            <article className="tab-pane active">
-              <article className="collapse-container">
-                <div>
-                  <h1>View Wallet Info</h1>
-                </div>
-                <div>
-                  <p>{translate('VIEWWALLET_Subtitle')}</p>
-                </div>
-              </article>
-            </article>
-          </div>
-        </section>
-      </TabSection>
-    );
-  }
-}

common/index.tsx

@@ -1,5 +1,5 @@
 // Application styles must come first in order, to allow for overrides
-import 'assets/styles/etherwallet-master.less';
+// import 'assets/styles/etherwallet-master.less';
 import 'font-awesome/scss/font-awesome.scss';
 import 'sass/styles.scss';
 import 'babel-polyfill';

common/sass/styles.scss

@@ -34,6 +34,7 @@
 @import './styles/scaffolding';
 @import './styles/tab';
 @import './styles/flexbox';
+@import './styles/helpers';
 @import './fonts';
 
 [data-whatintent='mouse'] *:focus {

common/sass/styles/helpers.scss

@@ -0,0 +1,5 @@
+@import 'common/sass/mixins';
+
+.mono {
+  @include mono;
+}

common/sass/styles/overrides/forms.scss

@@ -1,5 +1,6 @@
 // Form overrides
 @import 'common/sass/variables';
+@import 'common/sass/mixins';
 
 label {
   margin-bottom: $space-xs;
@@ -32,6 +33,7 @@ input[readonly] {
   margin-bottom: $space-sm;
   transition: $transition;
   padding: $input-padding;
+  @include mono;
 
   &:focus {
     border-color: $input-border-focus;

package.json

@@ -107,7 +107,7 @@
     "less-loader": "4.1.0",
     "lint-staged": "7.0.0",
     "minimist": "1.2.0",
-    "node-sass": "4.8.1",
+    "node-sass": "4.8.3",
     "nodemon": "1.17.2",
     "null-loader": "0.1.1",
     "prettier": "1.11.1",