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

feat(aio): footer styling

This commit is contained in:
Stefanie Fluin 2017-03-23 01:02:55 -07:00 committed by Pete Bacon Darwin
parent acf57def13
commit 45983301d5
7 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
aio/src/app/app.component.html
View File

@ -8,7 +8,7 @@
<md-sidenav-container class="sidenav-container">
<md-sidenav #sidenav class="sidenav" [opened]="isSideBySide" [mode] = "isSideBySide ? 'side' : 'over'">
<aio-top-menu *ngIf="!isSideBySide" class="small" [nodes]="(navigationViews | async)?.TopBar" [homeImageUrl]="homeImageUrl"></aio-top-menu>
<aio-top-menu *ngIf="!isSideBySide" class="small" [nodes]="(navigationViews | async)?.TopBar" [homeImageUrl]="homeImageUrl"></aio-top-menu>
<aio-nav-menu [nodes]="(navigationViews | async)?.SideNav" [selectedNodes]="selectedNodes | async"></aio-nav-menu>
</md-sidenav>

BIN
aio/src/assets/images/backgrounds/ng-pattern-lg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 187 KiB

1
aio/src/assets/images/backgrounds/ng-pattern-lg.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1200 1200"><defs><style>.cls-1{fill:none;}.cls-2{fill:#fff;}.cls-3{opacity:0.9;}.cls-4{isolation:isolate;}.cls-5{fill:#1976d2;}.cls-6{opacity:0.2;mix-blend-mode:soft-light;fill:url(#New_Pattern);}</style><pattern id="New_Pattern" data-name="New Pattern" width="436.95" height="469.33" patternUnits="userSpaceOnUse" viewBox="0 0 436.95 469.33"><rect class="cls-1" width="436.95" height="469.33"/><polygon class="cls-2" points="436.95 469.33 436.95 469.33 344.37 418.06 327.71 273.62 436.95 234.67 436.95 234.67 436.95 260.71 436.95 260.71 436.95 260.6 368.66 413.72 368.78 413.72 394.24 413.72 394.24 413.72 407.97 379.46 436.95 379.46 436.95 469.33"/><polygon class="cls-2" points="436.95 310.35 436.95 358.34 436.95 358.34 417 358.34 436.95 310.35"/><polygon class="cls-2" points="218.47 586.67 218.47 586.67 125.9 535.39 109.24 390.95 218.47 352 218.47 352 218.47 378.05 218.47 378.05 218.47 377.93 150.19 531.05 150.3 531.05 175.76 531.05 175.76 531.05 189.49 496.79 218.47 496.79 218.47 586.67"/><polygon class="cls-2" points="218.47 427.68 218.47 475.67 218.47 475.67 198.53 475.67 218.47 427.68"/><g class="cls-3"><polygon class="cls-2" points="218.47 586.67 218.47 586.67 311.05 535.39 327.71 390.95 218.47 352 218.47 352 218.47 378.05 218.47 378.05 218.47 377.93 286.76 531.05 286.64 531.05 261.18 531.05 261.18 531.05 247.46 496.79 218.47 496.79 218.47 586.67"/><polygon class="cls-2" points="218.47 427.68 218.47 475.67 218.47 475.67 238.42 475.67 218.47 427.68"/></g><g class="cls-3"><polygon class="cls-2" points="0 469.33 0 469.33 92.58 418.06 109.24 273.62 0 234.67 0 234.67 0 260.71 0 260.71 0 260.6 68.29 413.72 68.17 413.72 42.71 413.72 42.71 413.72 28.98 379.46 0 379.46 0 469.33"/><polygon class="cls-2" points="0 310.35 0 358.34 0 358.34 19.95 358.34 0 310.35"/></g><polygon class="cls-2" points="436.95 234.67 436.95 234.67 344.37 183.39 327.71 38.95 436.95 0 436.95 0 436.95 26.05 436.95 26.05 436.95 25.93 368.66 179.05 368.78 179.05 394.24 179.05 394.24 179.05 407.97 144.79 436.95 144.79 436.95 234.67"/><polygon class="cls-2" points="436.95 75.68 436.95 123.67 436.95 123.67 417 123.67 436.95 75.68"/><polygon class="cls-2" points="218.47 352 218.47 352 125.9 300.73 109.24 156.29 218.47 117.33 218.47 117.33 218.47 143.38 218.47 143.38 218.47 143.26 150.19 296.38 150.3 296.38 175.76 296.38 175.76 296.38 189.49 262.12 218.47 262.12 218.47 352"/><polygon class="cls-2" points="218.47 193.01 218.47 241 218.47 241 198.53 241 218.47 193.01"/><g class="cls-3"><polygon class="cls-2" points="218.47 352 218.47 352 311.05 300.73 327.71 156.29 218.47 117.33 218.47 117.33 218.47 143.38 218.47 143.38 218.47 143.26 286.76 296.38 286.64 296.38 261.18 296.38 261.18 296.38 247.46 262.12 218.47 262.12 218.47 352"/><polygon class="cls-2" points="218.47 193.01 218.47 241 218.47 241 238.42 241 218.47 193.01"/></g><g class="cls-3"><polygon class="cls-2" points="0 234.67 0 234.67 92.58 183.39 109.24 38.95 0 0 0 0 0 26.05 0 26.05 0 25.93 68.29 179.05 68.17 179.05 42.71 179.05 42.71 179.05 28.98 144.79 0 144.79 0 234.67"/><polygon class="cls-2" points="0 75.68 0 123.67 0 123.67 19.95 123.67 0 75.68"/></g><polygon class="cls-2" points="218.47 117.33 218.47 117.33 125.9 66.06 109.24 -78.38 218.47 -117.33 218.47 -117.33 218.47 -91.28 218.47 -91.28 218.47 -91.4 150.19 61.72 150.3 61.72 175.76 61.72 175.76 61.72 189.49 27.46 218.47 27.46 218.47 117.33"/><polygon class="cls-2" points="218.47 -41.65 218.47 6.34 218.47 6.34 198.53 6.34 218.47 -41.65"/><g class="cls-3"><polygon class="cls-2" points="218.47 117.33 218.47 117.33 311.05 66.06 327.71 -78.38 218.47 -117.33 218.47 -117.33 218.47 -91.28 218.47 -91.28 218.47 -91.4 286.76 61.72 286.64 61.72 261.18 61.72 261.18 61.72 247.46 27.46 218.47 27.46 218.47 117.33"/><polygon class="cls-2" points="218.47 -41.65 218.47 6.34 218.47 6.34 238.42 6.34 218.47 -41.65"/></g></pattern></defs><title>ng-pattern</title><g class="cls-4"><g id="Design"><rect class="cls-5" width="1200" height="1200"/><rect class="cls-6" width="1200" height="1200"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
aio/src/assets/images/backgrounds/ng-pattern-sm.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

1
aio/src/assets/images/backgrounds/ng-pattern-sm.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1200 1200"><defs><style>.cls-1{fill:none;}.cls-2{fill:#fff;}.cls-3{opacity:0.9;}.cls-4{isolation:isolate;}.cls-5{fill:#1976d2;}.cls-6{opacity:0.2;mix-blend-mode:soft-light;fill:url(#ng-pattern-md);}</style><pattern id="ng-pattern-md" data-name="ng-pattern-md" width="330" height="354.46" patternUnits="userSpaceOnUse" viewBox="0 0 330 354.46"><rect class="cls-1" width="330" height="354.46"/><polygon class="cls-2" points="330 345.69 330 345.69 267.01 310.8 255.68 212.53 330 186.02 330 186.02 330 203.75 330 203.75 330 203.67 283.54 307.85 283.62 307.85 300.94 307.85 300.94 307.85 310.28 284.54 330 284.54 330 345.69"/><polygon class="cls-2" points="330 237.52 330 270.17 330 270.17 316.43 270.17 330 237.52"/><polygon class="cls-2" points="165 434.31 165 434.31 102.01 399.42 90.68 301.14 165 274.64 165 274.64 165 292.36 165 292.36 165 292.28 118.54 396.46 118.62 396.46 135.94 396.46 135.94 396.46 145.28 373.15 165 373.15 165 434.31"/><polygon class="cls-2" points="165 326.13 165 358.78 165 358.78 151.43 358.78 165 326.13"/><g class="cls-3"><polygon class="cls-2" points="165 434.31 165 434.31 227.99 399.42 239.32 301.14 165 274.64 165 274.64 165 292.36 165 292.36 165 292.28 211.46 396.46 211.38 396.46 194.06 396.46 194.06 396.46 184.72 373.15 165 373.15 165 434.31"/><polygon class="cls-2" points="165 326.13 165 358.78 165 358.78 178.57 358.78 165 326.13"/></g><g class="cls-3"><polygon class="cls-2" points="0 345.69 0 345.69 62.99 310.8 74.33 212.53 0 186.02 0 186.02 0 203.75 0 203.75 0 203.67 46.46 307.85 46.38 307.85 29.06 307.85 29.06 307.85 19.72 284.54 0 284.54 0 345.69"/><polygon class="cls-2" points="0 237.52 0 270.17 0 270.17 13.57 270.17 0 237.52"/></g><polygon class="cls-2" points="330 168.46 330 168.46 267.01 133.57 255.68 35.3 330 8.79 330 8.79 330 26.52 330 26.52 330 26.44 283.54 130.62 283.62 130.62 300.94 130.62 300.94 130.62 310.28 107.31 330 107.31 330 168.46"/><polygon class="cls-2" points="330 60.29 330 92.94 330 92.94 316.43 92.94 330 60.29"/><polygon class="cls-2" points="165 257.08 165 257.08 102.01 222.19 90.68 123.91 165 97.41 165 97.41 165 115.13 165 115.13 165 115.05 118.54 219.24 118.62 219.24 135.94 219.24 135.94 219.24 145.28 195.92 165 195.92 165 257.08"/><polygon class="cls-2" points="165 148.9 165 181.55 165 181.55 151.43 181.55 165 148.9"/><g class="cls-3"><polygon class="cls-2" points="165 257.08 165 257.08 227.99 222.19 239.32 123.91 165 97.41 165 97.41 165 115.13 165 115.13 165 115.05 211.46 219.24 211.38 219.24 194.06 219.24 194.06 219.24 184.72 195.92 165 195.92 165 257.08"/><polygon class="cls-2" points="165 148.9 165 181.55 165 181.55 178.57 181.55 165 148.9"/></g><g class="cls-3"><polygon class="cls-2" points="0 168.46 0 168.46 62.99 133.57 74.33 35.3 0 8.79 0 8.79 0 26.52 0 26.52 0 26.44 46.46 130.62 46.38 130.62 29.06 130.62 29.06 130.62 19.72 107.31 0 107.31 0 168.46"/><polygon class="cls-2" points="0 60.29 0 92.94 0 92.94 13.57 92.94 0 60.29"/></g><polygon class="cls-2" points="165 79.85 165 79.85 102.01 44.96 90.68 -53.31 165 -79.82 165 -79.82 165 -62.1 165 -62.1 165 -62.18 118.54 42.01 118.62 42.01 135.94 42.01 135.94 42.01 145.28 18.7 165 18.7 165 79.85"/><polygon class="cls-2" points="165 -28.33 165 4.33 165 4.33 151.43 4.33 165 -28.33"/><g class="cls-3"><polygon class="cls-2" points="165 79.85 165 79.85 227.99 44.96 239.32 -53.31 165 -79.82 165 -79.82 165 -62.1 165 -62.1 165 -62.18 211.46 42.01 211.38 42.01 194.06 42.01 194.06 42.01 184.72 18.7 165 18.7 165 79.85"/><polygon class="cls-2" points="165 -28.33 165 4.33 165 4.33 178.57 4.33 165 -28.33"/></g></pattern></defs><title>ng-pattern-sm</title><g class="cls-4"><g id="Design"><rect class="cls-5" width="1200" height="1200"/><rect class="cls-6" width="1200" height="1200"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

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

@ -1,8 +1,8 @@
footer .footer {
width: 100%;
padding: 20px;
z-index: 10;
background-color: $blue;
background-image: url('../src//assets/images/backgrounds/ng-pattern-sm.png');
background-repeat: repeat;
color: $offwhite;
text-align: center;
font-weight: 300;

4
aio/src/styles/1-layouts/_sidenav.scss
View File

@ -163,10 +163,6 @@
@include rotate(0deg);
}
.version-info {
border: 3px $blue solid;
}
.promo-img-container img {
max-width: 90%;
@include bp(small) {