remove global color variables - fix style incompatibilities

This commit is contained in:
JDonadio 2017-10-26 13:46:12 -03:00
parent b3a44e9a69
commit c9279be7d6
No known key found for this signature in database
GPG Key ID: EC1F4E04B2BFA730
6 changed files with 32 additions and 111 deletions

View File

@ -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;
}
}

View File

@ -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;
}
}
}
}

View File

@ -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;
}
}

View File

@ -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) {

View File

@ -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;
}
}
}

View File

@ -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
// --------------------------------------------------