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

finished get started launch view designs

Browse source
This commit is contained in:
Jamal Jackson 2016-08-30 15:40:32 -04:00
commit b3085a9744
8 changed files with 60 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

0
src/sass/general/layout.scss
View file

4
src/sass/main.scss
View file

@ -992,5 +992,5 @@ input[type=number] {
}
}
@import 'general/layout';
@import 'views/onboarding/terms-of-use';
@import 'mixins/mixins';
@import 'views/onboarding/onboarding';

4
src/sass/mixins/layout.scss Normal file
View file

@ -0,0 +1,4 @@
@mixin center-block($topBottom: 0) {
float:none;
margin: $topBottom auto;
}

1
src/sass/mixins/mixins.scss Normal file
View file

@ -0,0 +1 @@
@import "layout";

25
src/sass/views/onboarding/onboard-welcome.scss Normal file
View file

@ -0,0 +1,25 @@
#onboard-welcome {
ion-content {
background: url(../img/onboarding-welcome-bg.png);
background-position: top center;
background-size: contain;
background-repeat-y: no-repeat;
.logo, p {
@include center-block();
}
.logo{
margin-top:15rem;
}
button {
@include center-block(1rem);
color: #fff;
&.get-started {
background: rgb(100, 124, 232);
margin-top: 4rem;
}
&.restore {
background: none;
}
}
}
}

13
src/sass/views/onboarding/onboarding.scss Normal file
View file

@ -0,0 +1,13 @@
.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;
}
@import "terms-of-use";
@import "onboard-welcome";