honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(aio): footer repeat background

This commit is contained in:
Stefanie Fluin 2017-03-27 13:08:28 -07:00 committed by Igor Minar
parent 330b1090f4
commit 5942b2b27c
2 changed files with 30 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
aio/src/styles/1-layouts/_footer.scss
View File

@ -1,8 +1,12 @@
footer {
position: relative;
}
footer .footer {
// background: url('../src/assets/images/backgrounds/ng-pattern-sm.png');
padding: 20px;
z-index: 10;
background-image: url('../src//assets/images/backgrounds/ng-pattern-sm.png');
background-repeat: repeat;
background-color: $blue;
color: $offwhite;
text-align: center;
font-weight: 300;
@ -19,4 +23,28 @@ footer .footer {
p {
margin: 0px 0px 5px;
}
}
footer::after {
content: "";
position: absolute;
z-index: 10;
top: 0;
bottom: 0px;
left: 0px;
right: 0;
background:
url('../src/assets/images/logos/angular2/angular_whiteTransparent.png') top left repeat-y,
url('../src/assets/images/logos/angular2/angular_whiteTransparent.png') top 80px left 168px repeat-y,
url('../src/assets/images/logos/angular2/angular_whiteTransparent.png') top left 336px repeat-y,
url('../src/assets/images/logos/angular2/angular_whiteTransparent.png') top 80px left 504px repeat-y,
url('../src/assets/images/logos/angular2/angular_whiteTransparent.png') top left 672px repeat-y,
url('../src/assets/images/logos/angular2/angular_whiteTransparent.png') top 80px left 840px repeat-y,
url('../src/assets/images/logos/angular2/angular_whiteTransparent.png') top left 1008px repeat-y,
url('../src/assets/images/logos/angular2/angular_whiteTransparent.png') top 80px left 1176px repeat-y,
url('../src/assets/images/logos/angular2/angular_whiteTransparent.png') top left 1344px repeat-y;;
// background: url('../src/assets/images/logos/angular2/angular_whiteTransparent.png') top -2px left -110px repeat-x, url('../src/assets/images/logos/angular2/angular_whiteTransparent.png') bottom left repeat-x;
// background-image: url('../src/assets/images/logos/angular2/angular_whiteTransparent.png');
opacity: 0.1;
background-size: 160px auto;
}

1
aio/src/styles/1-layouts/_search-results.scss
View File

@ -1,6 +1,5 @@
aio-search-results {
z-index: 10;
padding: 20px;
}
.search-results {