jinql
/
blur-admin
mirror of https://github.com/akveo/blur-admin
1
0
Fork 0
Code Issues Releases Wiki Activity

fix(auth): hard-code styles for auth and 404 pages

pull/46/head
KostyaDanovsky 2016-05-12 18:36:59 +03:00 committed by kostya.danovsky
parent a6a55a042e
commit f082204536
2 changed files with 24 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/sass/404.scss
View File

@ -1,5 +1,4 @@
@import "common.scss"; @import "common.scss";
@import "theme/_layout.scss";
html { html {
position: relative; position: relative;
@ -13,6 +12,8 @@ html, body {
body { body {
font: 12px/16px $font-family; font: 12px/16px $font-family;
color: $default-text;
@include main-background();
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -20,10 +21,10 @@ body {
.page-not-found-modal { .page-not-found-modal {
width: 638px; width: 638px;
margin: 0 auto; margin: 0 auto;
background-color: $auth-panel-background; @include bg-translucent-dark(0.5);
border-radius: 5px; border-radius: 5px;
font-weight: $font-light; font-weight: $font-light;
color: $default-text; color: #ffffff;
padding: 32px; padding: 32px;
text-align: center; text-align: center;

39
src/sass/auth.scss
View File

@ -4,12 +4,24 @@
@import 'theme/buttons.scss'; @import 'theme/buttons.scss';
@import 'app/form.scss'; @import 'app/form.scss';
html, body { html {
min-height: 520px;
height: 100%; height: 100%;
} }
html { body {
min-height: 520px; @include main-background();
height: 100%;
}
.form-control, .form-control:focus {
@include placeholderStyle($default, 0.9);
background-color: rgba(0, 0, 0, .4);
border-radius: 5px;
color: $default;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
@include placeholderStyle($default, 0.6);
} }
.auth-main { .auth-main {
@ -23,8 +35,8 @@ html {
width: 540px; width: 540px;
margin: 0 auto; margin: 0 auto;
border-radius: 5px; border-radius: 5px;
background-color: $auth-panel-background; @include bg-translucent-dark(0.55);
color: $default-text; color: #fff;
padding: 32px; padding: 32px;
h1 { h1 {
font-weight: $font-light; font-weight: $font-light;
@ -46,7 +58,7 @@ html {
.control-label { .control-label {
padding-top: 11px; padding-top: 11px;
color: $default-text; color: $default;
} }
.form-group { .form-group {
@ -96,7 +108,7 @@ a.forgot-pass {
width: 30%; width: 30%;
white-space: nowrap; white-space: nowrap;
padding: 0 24px; padding: 0 24px;
color: $default-text; color: $default;
& > span { & > span {
margin-top: -12px; margin-top: -12px;
display: block; display: block;
@ -131,16 +143,5 @@ a.forgot-pass {
} }
.btn-auth { .btn-auth {
background: $primary; color: #ffffff!important;
color: $default-text;
border-radius: 5px;
border-color: $primary;
padding: 7px 12px;
transition: all 0.1s ease;
&:hover {
color: $default-text;
background: $primary;
border-color: $primary;
transform: scale(1.2);
}
} }