anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

design(welcome): improve welcome responsiveness, better scss organization

Browse source
This commit is contained in:
Jason Dreyzehner 2016-10-04 19:36:55 -04:00
commit bdbbc1808e
8 changed files with 87 additions and 126 deletions
Download patch file Download diff file Expand all files Collapse all files

49
src/sass/views/onboarding/onboarding.scss
View file

@ -1,15 +1,10 @@
.onboarding {
background: rgba(30, 49, 134, 1);
background: -moz-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30, 49, 134, 1)), color-stop(100%, rgba(17, 27, 73, 1)));
background: -webkit-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
background: -o-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
background: -ms-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
background: linear-gradient(to bottom, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
color: #fff;
background: #1e3186;
background-image: linear-gradient(to bottom, #1e3186 0%, #111b49 100%);
height: 100%;
text-align: center;
.bar.bar-header {
background: rgb(30, 49, 134);
background: none;
color: #fff;
button {
color: #fff;
@ -20,9 +15,8 @@
}
}
}
.bar.bar-stable{
border-color: transparent;
border:none;
.bar.bar-stable {
border: 0 none transparent;
}
ion-content {
height: 100%;
@ -57,34 +51,18 @@
@media (min-width: 450px){
p{
font-size: 1.1rem;
line-height: 1.5rem;
line-height: 1.6;
}
}
}
.col {
@include center-block(.5rem);
}
.swiper-pagination {
&-bullet {
background: rgb(100, 124, 232);
background: $soft-blue;
&-active {
background: rgb(100, 124, 232);
background: $soft-blue;
}
}
}
.button-transparent{
background: none !important;
}
.button-translucent{
background: rgba(215, 215, 215, 0.1)
}
.button-primary{
background: rgb(100, 124, 232) !important;
color:#fff;
}
.light-blue{
color:rgb(100, 124, 232);
}
}
@media (min-width: 415px){
@ -95,19 +73,14 @@
}
p{
font-size: 1.4rem;
line-height: 1.9rem;
}
p,h2,h3{
max-width: 600px !important;
}
button{
max-width: 400px !important;
line-height: 1.6;
}
}
}
}
@import "terms-of-use";
@import "onboarding-buttons";
@import "onboard-welcome";
@import "onboard-tour";
@import "onboard-collect-email";