First Commit

This commit is contained in:
Lorenzo Iovino 2016-01-29 13:14:27 +01:00
commit feb864dc47
170 changed files with 4671 additions and 0 deletions

View file

@ -0,0 +1,73 @@
.auth-outer
{
background-color: transparent !important;
ion-view
{
background-color: transparent;
box-shadow: none !important; // Need to set this with important to prevent awefull vertical line when transitioning
}
ion-header-bar
{
background-color: transparent;
*
{
color: $auth-color;
}
}
}
.auth-view
{
.row
{
height: 100%;
}
.bottom-content
{
padding-top: 0px;
border: none;
.button
{
margin: 0px;
font-weight: bold;
}
}
.alternative-actions
{
margin: 0px 10px;
.button
{
padding: 0px;
font-size: 14px;
}
.sign-up
{
float: right;
}
}
}
.toggle-view-anchor
{
height: $line-height-computed + $font-size-base;
line-height: $line-height-computed + $font-size-base;
position: absolute;
right: 0px;
text-transform: uppercase;
font-size: 24px;
font-weight: 500;
color: $show-hide-password-color;
*
{
color: $show-hide-password-color;
}
}

View file

@ -0,0 +1,7 @@
$auth-color: #FFFFFF;
$show-hide-password-color: lighten(#444444, 25%);
$auth-tabs-highlight: $theme-color-1;
$auth-tabs-bg: $theme-color-3;
$auth-tabs-color: darken($auth-color, 10%);
$auth-login-btn-bg: rgba($theme-color-1, .8);
$auth-signup-btn-bg: rgba($theme-color-2, .8);

View file

@ -0,0 +1,7 @@
.forgot-password-view
{
.forgot-password-container
{
margin-bottom: 0px;
}
}

View file

@ -0,0 +1,66 @@
.login-view
{
// Fix tabs animation on iOS
// Fix initial blink before angular loaded: http://stackoverflow.com/a/14076004/1116959
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak
{
display: none !important;
}
.tab-content.ng-hide
{
display: none !important;
}
.tab-content.ng-hide-add.ng-hide-add-active,
.tab-content.ng-hide-remove.ng-hide-remove-active
{
@include transition(all 0s ease);
}
.tabs
{
.tab-item
{
font-weight: bold;
text-transform: uppercase;
background: $auth-tabs-bg;
color: $auth-tabs-color;
@include transition(all 0.1s ease);
}
.tab-item.active,
.tab-item.activated
{
margin-top: 0;
margin-bottom: -2px;
border-width: 0px 0px 4px 0px !important;
border-color: $auth-tabs-highlight !important;
border-style: solid;
}
}
.login-container
{
margin-bottom: 0px;
.card-heding
{
padding: 0px;
height: $tabs-height;
.tabs
{
top: 0px;
padding-top: 0;
background-position: bottom;
border-top-width: 0;
border-bottom-width: 1px;
}
.tab-item
{
max-width: none;
}
}
}
}

View file

@ -0,0 +1,7 @@
.signup-view
{
.sign-up-container
{
margin-bottom: 0px;
}
}

View file

@ -0,0 +1,38 @@
.walkthrough-view
{
.top-content
{
height: 75%;
text-align: center;
h1
{
color: $auth-color;
}
}
.bottom-content
{
height: 25%;
padding-top: 5px;
margin-top: 0px;
.button
{
border: none;
color: $auth-color;
font-weight: bolder;
font-size: 20px;
}
.login.button
{
background-color: $auth-login-btn-bg;
}
.sign-up.button
{
background-color: $auth-signup-btn-bg;
}
}
}