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

fix(styles): body bg image instead of css pattern

Browse source
This commit is contained in:
nixa 2016-05-24 14:00:27 +03:00
parent 3605a811b4
commit 02fdd09bc0
2 changed files with 14 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/app/theme/sass/conf/colorSchemes/_ng2.scss
View file

@ -54,24 +54,25 @@ $danger-bg: tint($danger, 20%);
$activelink: #285eb8; $activelink: #285eb8;
$hoverlink: darken($activelink, 20%); $hoverlink: darken($activelink, 20%);
@mixin body-bg() {} @mixin body-bg() {
background-color: $body-bg;
@mixin additional-bg() { $mainBgUrl: $images-root + 'sky-bg.jpg';
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
@include gradient(#73c5d9, #4691d1, #455e9f); &::before {
&::after {
content: ''; content: '';
position: fixed; position: fixed;
width: 100%;
height: 100%;
top: 0; top: 0;
left: 0; left: 0;
bottom: 0; background: url($mainBgUrl) no-repeat center center;
right: 0; background-size: cover;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIUlEQVQIW2NkYGCQZGBgeM4ABYxQGiYoCRMAiYMFMVQAAIACBDd1EYQFAAAAAElFTkSuQmCC) repeat; will-change: transform;
z-index: 0;
} }
} }
@mixin additional-bg() {
//display: block; // additional background layer, hidden by default
}

BIN
src/assets/img/sky-bg.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2 MiB