mirror of https://github.com/BTCPrivate/copay.git
remove global color variables - fix style incompatibilities
This commit is contained in:
parent
b3a44e9a69
commit
c9279be7d6
|
@ -1,39 +1,33 @@
|
|||
page-backup-confirm-modal {
|
||||
.popup-modal-header-success {
|
||||
background-color: $v-background-success;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 1.5rem;
|
||||
max-height: 10rem;
|
||||
img {
|
||||
max-height: 10rem;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.popup-modal-content-success {
|
||||
background-color: $v-onboarding-bar-header-color;
|
||||
text-align: center;
|
||||
height: 65%;
|
||||
overflow-y: scroll;
|
||||
padding: 3rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.popup-modal-heading {
|
||||
font-weight: bold;
|
||||
font-size: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
color: $v-dark-gray;
|
||||
}
|
||||
.popup-modal-message {
|
||||
padding: 1.5rem;
|
||||
font-size: 1.6rem;
|
||||
color: $v-mid-gray;
|
||||
}
|
||||
.button-clear {
|
||||
padding-top: 2rem;
|
||||
background: none;
|
||||
color: $v-background-success;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
.popup-modal-header-success {
|
||||
background-color: green;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 1.5rem;
|
||||
max-height: 10rem;
|
||||
img {
|
||||
max-height: 10rem;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.popup-modal-content-success {
|
||||
text-align: center;
|
||||
height: 65%;
|
||||
overflow-y: scroll;
|
||||
padding: 3rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.popup-modal-heading {
|
||||
font-weight: bold;
|
||||
font-size: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
.popup-modal-message {
|
||||
padding: 1.5rem;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
.button-clear {
|
||||
padding-top: 2rem;
|
||||
background: none;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -4,23 +4,6 @@ page-backup-game {
|
|||
.header-md::after {
|
||||
background: none;
|
||||
}
|
||||
.navbarc {
|
||||
.bar-button {
|
||||
color: $v-onboarding-bar-header-button-color;
|
||||
}
|
||||
.toolbar-background {
|
||||
background: $v-primary-color;
|
||||
}
|
||||
.toolbar-content {
|
||||
.title {
|
||||
text-align: center;
|
||||
margin-right: 56px;
|
||||
.toolbar-title {
|
||||
color: $v-onboarding-bar-header-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pages {
|
||||
|
||||
|
@ -96,11 +79,6 @@ page-backup-game {
|
|||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
border-color: transparent;
|
||||
background-color: $v-accent-color;
|
||||
color: $v-onboarding-color;
|
||||
&:active {
|
||||
background-color: $v-btn-active-color;
|
||||
}
|
||||
}
|
||||
|
||||
.button.button-clear {
|
||||
|
@ -113,7 +91,6 @@ page-backup-game {
|
|||
cursor: pointer;
|
||||
border-color: transparent;
|
||||
background-color: inherit;
|
||||
color: $v-accent-color;
|
||||
&:active {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
@ -136,9 +113,6 @@ page-backup-game {
|
|||
text-align: center;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 16px;
|
||||
&:active {
|
||||
background-color: $v-btn-active-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -8,7 +8,6 @@ page-backup-warning-modal {
|
|||
min-height: 120px;
|
||||
}
|
||||
.popup-modal-content-warning {
|
||||
background-color: $v-onboarding-bar-header-color;
|
||||
text-align: center;
|
||||
height: 65%;
|
||||
overflow-y: scroll;
|
||||
|
@ -19,17 +18,14 @@ page-backup-warning-modal {
|
|||
font-weight: bold;
|
||||
font-size: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
color: $v-dark-gray;
|
||||
}
|
||||
.popup-modal-message {
|
||||
padding: 1.5rem;
|
||||
font-size: 1.6rem;
|
||||
color: $v-mid-gray;
|
||||
}
|
||||
.button-clear {
|
||||
padding-top: 2rem;
|
||||
background: none;
|
||||
color: $v-background-warning;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -15,15 +15,6 @@ page-backup-warning {
|
|||
max-width: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
.navbarc {
|
||||
.bar-button {
|
||||
color: $v-accent-color;
|
||||
}
|
||||
}
|
||||
.header-md::after {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media not all and (min-height: 600px) and (min-width: 768px) {
|
||||
|
|
|
@ -9,7 +9,6 @@ page-amount {
|
|||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
color: $v-mid-gray;
|
||||
|
||||
.row {
|
||||
padding: 0 !important;
|
||||
|
@ -21,13 +20,8 @@ page-amount {
|
|||
}
|
||||
|
||||
.operator {
|
||||
background-color: $v-subtle-gray;
|
||||
font-weight: normal;
|
||||
cursor: pointer;
|
||||
|
||||
&:active {
|
||||
background-color: $v-light-gray;
|
||||
}
|
||||
}
|
||||
|
||||
.operator-row {
|
||||
|
@ -48,16 +42,10 @@ page-amount {
|
|||
|
||||
.digit{
|
||||
cursor: pointer;
|
||||
border-top: 1px solid $v-subtle-gray;
|
||||
border-left: 1px solid $v-subtle-gray;
|
||||
&:active {
|
||||
background-color: $v-subtle-gray;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-height: 480px) {
|
||||
font-size: 12px;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -21,28 +21,6 @@ $app-direction: ltr;
|
|||
|
||||
// TODO: Custom variables (backward compatibilities). Will be REMOVED
|
||||
|
||||
$v-primary-color: #192c3a;
|
||||
$v-secondary-color: #31465b;
|
||||
$v-accent-color: #1abb9b;
|
||||
|
||||
$v-dark-gray: #445 !default;
|
||||
$v-mid-gray: #667 !default;
|
||||
$v-light-gray: #9b9bab !default;
|
||||
$v-title-gray: #c2c9d1 !default;
|
||||
$v-subtle-gray: darken(#ffffff, 5%) !default;
|
||||
$v-btn-active-color: #148e76;
|
||||
$v-background-warning: #ffa500;
|
||||
$v-background-success: #1abb9b;
|
||||
|
||||
$v-onboarding-color: #ffffff !default;
|
||||
$v-onboarding-bar-header-color: #ffffff !default;
|
||||
$v-onboarding-bar-header-button-color: #ffffff !default;
|
||||
$v-onboarding-gradient-top-color: $v-primary-color !default;
|
||||
$v-onboarding-gradient-bottom-color: $v-secondary-color !default;
|
||||
$v-onboarding-checkbox-on-border: $v-accent-color;
|
||||
|
||||
$v-button-primary-bg: $v-accent-color !default;
|
||||
$v-visible-radius: 6px !default;
|
||||
|
||||
// App iOS Variables
|
||||
// --------------------------------------------------
|
||||
|
|
Loading…
Reference in New Issue