Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-18 08:20:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(styles): move blur bg to blur theme configuration

Browse source
This commit is contained in:
nixa 2016-05-24 11:24:49 +03:00
parent 067535b500
commit 0b44fd6293
3 changed files with 16 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/app/theme/sass/_layout.scss
View file

@ -18,11 +18,8 @@ main {
position: relative; position: relative;
font: 14px/16px $font-family; font: 14px/16px $font-family;
color: $default-text; color: $default-text;
@include body-bg();
&.blur { @include body-bg();
@include main-background();
}
.additional-bg { .additional-bg {
position: fixed; position: fixed;
@ -30,7 +27,6 @@ main {
left: 0; left: 0;
bottom: 0; bottom: 0;
right: 0; right: 0;
//background-attachment: inherit;
@include additional-bg(); @include additional-bg();
} }
} }

17
src/app/theme/sass/conf/_mixins.scss
View file

@ -49,23 +49,6 @@
background-image: url($images-root + $relativeUrl); background-image: url($images-root + $relativeUrl);
} }
@mixin main-background() {
$mainBgUrl: $images-root + 'blur-bg.jpg';
&::before {
content: '';
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url($mainBgUrl) no-repeat center center;
background-size: cover;
will-change: transform;
z-index: 0;
}
}
@mixin bg-translucent-dark($opacity) { @mixin bg-translucent-dark($opacity) {
background: rgba(0, 0, 0, $opacity); background: rgba(0, 0, 0, $opacity);
} }

15
src/app/theme/sass/conf/colorSchemes/_blur.scss
View file

@ -57,6 +57,21 @@ $hoverlink: $primary-dark;
@mixin body-bg() { @mixin body-bg() {
background-color: $body-bg; background-color: $body-bg;
$mainBgUrl: $images-root + 'blur-bg.jpg';
&::before {
content: '';
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url($mainBgUrl) no-repeat center center;
background-size: cover;
will-change: transform;
z-index: 0;
}
} }
@mixin additional-bg() { @mixin additional-bg() {
display: none; display: none;