pattern bg

This commit is contained in:
nixa 2016-05-19 12:15:02 +03:00
parent ab3179f10a
commit 6ef066de69
5 changed files with 21 additions and 0 deletions

View file

@ -21,6 +21,7 @@ import {BaThemeRun} from './theme/directives';
styles: [require('normalize.css'), require('./app.scss')],
template: `
<main [ngClass]="{'menu-collapsed': isMenuCollapsed}" baThemeRun>
<div class="additional-bg"></div>
<router-outlet></router-outlet>
</main>
`

View file

@ -19,6 +19,16 @@ main {
&.blur-theme {
@include main-background();
}
.additional-bg {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
//background-attachment: inherit;
@include additional-bg();
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)

View file

@ -3,6 +3,9 @@ $body-bg: #F0F3F4;
@mixin body-bg() {
background-color: $body-bg;
}
@mixin additional-bg() {
display: none;
}
$default-text: #ffffff;
$content-text: $default-text;
$help-text: #eeeeee;

View file

@ -3,6 +3,9 @@ $body-bg: #F0F3F4;
@mixin body-bg() {
background-color: $body-bg;
}
@mixin additional-bg() {
display: none;
}
$default-text: #666666;
$content-text: $default-text;
$help-text: #949494;

View file

@ -3,6 +3,10 @@ $body-bg: #F0F3F4;
@mixin body-bg() {
@include gradient(#73c5d9, #4691d1, #455e9f);
}
@mixin additional-bg() {
display: block;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIUlEQVQIW2NkYGCQZGBgeM4ABYxQGiYoCRMAiYMFMVQAAIACBDd1EYQFAAAAAElFTkSuQmCC) repeat;
}
$default-text: #ffffff;
$content-text: $default-text;
$help-text: $default-text;