delete old unused styles
This commit is contained in:
Matthew Russell
parent
58cb3514f5
commit
9eb75d33c9
Binary file not shown.
@ -1,17 +0,0 @@
|
|||||||
$font-main: 'Helvetica neue', 'Helvetica', arial, sans-serif;
|
|
||||||
$font-mono: 'Roboto Mono', monospace;
|
|
||||||
$font-pixelated: NeuePixelGrotesk, 'Helvetica neue', 'Helvetica', arial,
|
|
||||||
sans-serif;
|
|
||||||
|
|
||||||
.font-main {
|
|
||||||
font-family: $font-main;
|
|
||||||
}
|
|
||||||
|
|
||||||
.font-mono {
|
|
||||||
font-family: $font-mono;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: NeuePixelGrotesk;
|
|
||||||
src: url(./NeuePixelGrotesk-Regular.woff);
|
|
||||||
}
|
|
||||||
@ -1,6 +0,0 @@
|
|||||||
fieldset {
|
|
||||||
border: 0;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
min-width: 0;
|
|
||||||
}
|
|
||||||
@ -1,99 +0,0 @@
|
|||||||
/* === BLUEPRINT COLOR OVERRIDES === */
|
|
||||||
$black: #000;
|
|
||||||
$white: #fff;
|
|
||||||
|
|
||||||
$dark-gray1: #1f1f1f;
|
|
||||||
$dark-gray2: #2a2a2a;
|
|
||||||
$dark-gray3: #363636;
|
|
||||||
$dark-gray4: #3f3f3f;
|
|
||||||
$dark-gray5: #494949;
|
|
||||||
|
|
||||||
$gray1: #6e6e6e;
|
|
||||||
$gray2: #848484;
|
|
||||||
$gray3: #999;
|
|
||||||
$gray4: #b5b5b5;
|
|
||||||
$gray5: #cbcbcb;
|
|
||||||
|
|
||||||
$light-gray1: #d7d7d7;
|
|
||||||
$light-gray2: #e0e0e0;
|
|
||||||
$light-gray3: #e7e7e7;
|
|
||||||
$light-gray4: #f0f0f0;
|
|
||||||
$light-gray5: #f8f8f8;
|
|
||||||
|
|
||||||
/* === VEGA COLORS === */
|
|
||||||
|
|
||||||
/*
|
|
||||||
Note: We follow blueprints color naming scheme. https://blueprintjs.com/docs/#core/colors EG:
|
|
||||||
$color1 = Darkest
|
|
||||||
$color2
|
|
||||||
$color3 = Base color
|
|
||||||
$color4
|
|
||||||
$color5 = Lightest
|
|
||||||
*/
|
|
||||||
$vega-pink: #ff2d5e;
|
|
||||||
$vega-green: #00f780;
|
|
||||||
|
|
||||||
$vega-green3: #26ff8a;
|
|
||||||
$vega-red3: #ff261a;
|
|
||||||
$vega-blue3: #48aff0;
|
|
||||||
$vega-yellow3: #daff0d;
|
|
||||||
$vega-orange3: #d9822b;
|
|
||||||
$vega-yellow4: #edff22;
|
|
||||||
|
|
||||||
$vega-red1: darken($vega-red3, 38%);
|
|
||||||
$vega-green1: darken($vega-green3, 38%);
|
|
||||||
$vega-yellow1: darken($vega-yellow3, 38%);
|
|
||||||
$vega-orange1: darken($vega-orange3, 38%);
|
|
||||||
|
|
||||||
/* === TEXT COLORS === */
|
|
||||||
$text-color: #c7c7c7;
|
|
||||||
$text-color-inverse: #1a1821;
|
|
||||||
$text-color-deemphasise: #8a9ba8;
|
|
||||||
$text-color-emphasise: #f5f8fa;
|
|
||||||
$text-color-error: $vega-red3;
|
|
||||||
|
|
||||||
/* === BUY/SELL BUTTONS === */
|
|
||||||
$button-sell-hover: #893939;
|
|
||||||
$button-sell-active: #ff5e5e;
|
|
||||||
$button-buy-hover: #0a4023;
|
|
||||||
$button-buy-active: #00ffb2;
|
|
||||||
|
|
||||||
/* === MISC BLUEPRINT COLOR OVERRIDES === */
|
|
||||||
$pt-intent-danger: $vega-red3;
|
|
||||||
|
|
||||||
$input-background: #3f3f3f;
|
|
||||||
|
|
||||||
// App background
|
|
||||||
$pt-dark-app-background-color: $dark-gray2;
|
|
||||||
|
|
||||||
// Card
|
|
||||||
$dark-card-background-color: $dark-gray2;
|
|
||||||
|
|
||||||
// Menu
|
|
||||||
$dark-menu-background-color: $dark-gray2;
|
|
||||||
|
|
||||||
// Navbar
|
|
||||||
$dark-navbar-background-color: $black;
|
|
||||||
|
|
||||||
// Popover
|
|
||||||
$dark-popover-background-color: $dark-gray2;
|
|
||||||
|
|
||||||
//overlay-backdrop
|
|
||||||
.bp3-overlay-backdrop {
|
|
||||||
background-color: rgba(73, 73, 73, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Text helpers
|
|
||||||
.text-deemphasise {
|
|
||||||
color: $text-color-deemphasise;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-error {
|
|
||||||
color: $text-color-error;
|
|
||||||
}
|
|
||||||
|
|
||||||
// hover row
|
|
||||||
$row-hover-background-color: $dark-gray5;
|
|
||||||
|
|
||||||
// backdrop
|
|
||||||
$backdrop-black: rgba(0, 0, 0, 0.6);
|
|
||||||
@ -1,136 +0,0 @@
|
|||||||
@import './colors';
|
|
||||||
@import './fonts';
|
|
||||||
@import './reset';
|
|
||||||
|
|
||||||
html,
|
|
||||||
body,
|
|
||||||
#root {
|
|
||||||
background-color: $black;
|
|
||||||
color: $text-color;
|
|
||||||
font-family: $font-main;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
font-size: 14px;
|
|
||||||
|
|
||||||
@media (min-width: 960px) {
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// TYPOGRAPHY
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6 {
|
|
||||||
font-weight: 500;
|
|
||||||
margin-top: 1em;
|
|
||||||
margin-bottom: 15px;
|
|
||||||
color: $white;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
word-break: break-word;
|
|
||||||
line-height: 1.4;
|
|
||||||
margin: 0 0 15px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
a,
|
|
||||||
.link {
|
|
||||||
text-decoration: underline;
|
|
||||||
color: $white;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: $vega-yellow3;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-muted {
|
|
||||||
color: $text-color-deemphasise;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-pixelated {
|
|
||||||
font-family: $font-pixelated;
|
|
||||||
}
|
|
||||||
|
|
||||||
// BUTTONS
|
|
||||||
button {
|
|
||||||
color: $black;
|
|
||||||
background-color: $white;
|
|
||||||
border: 0;
|
|
||||||
border-radius: 4px;
|
|
||||||
padding: 12px 32px;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: $light-gray3;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:disabled,
|
|
||||||
&.disabled {
|
|
||||||
opacity: 0.6;
|
|
||||||
cursor: not-allowed;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.fill {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.button-secondary {
|
|
||||||
border: 1px solid $white;
|
|
||||||
border-radius: 0;
|
|
||||||
background: transparent;
|
|
||||||
color: white;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: $dark-gray4;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:active {
|
|
||||||
background: $white;
|
|
||||||
color: $black;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.button-link {
|
|
||||||
display: inline;
|
|
||||||
appearance: none;
|
|
||||||
padding: 0;
|
|
||||||
text-decoration: underline;
|
|
||||||
background-color: transparent;
|
|
||||||
color: $white;
|
|
||||||
outline: none;
|
|
||||||
|
|
||||||
&--dark {
|
|
||||||
color: $black;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: $vega-yellow4 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.invert & {
|
|
||||||
color: $black;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: $black !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// FORM ELEMENTS
|
|
||||||
select,
|
|
||||||
input[type='text'],
|
|
||||||
input[type='password'] {
|
|
||||||
width: 100%;
|
|
||||||
padding: 12px;
|
|
||||||
border-radius: 4px;
|
|
||||||
background-color: #3f3f3f;
|
|
||||||
color: white;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue
Block a user