refactor(@theme): header and footer links

This commit is contained in:
tibing 2017-04-19 10:48:37 +03:00
parent ae51a3bd2e
commit ff0e6adf60
4 changed files with 14 additions and 2 deletions

View file

@ -2,7 +2,7 @@
/deep/ base-footer {
color: $nga-color-default;
.socials a:hover {
a:hover {
color: $nga-color-secondary !important;
}
}

View file

@ -4,7 +4,7 @@ import { Component } from '@angular/core';
selector: 'base-footer',
styleUrls: ['./base-footer.component.scss'],
template: `
<span>Created with by <b>Akveo</b> 2017</span>
<span>Created with by <b><a href="https://akveo.com" target="_blank">Akveo</a></b> 2017</span>
<div class="socials">
<a href="https://github.com/akveo" target="_blank" class="ion ion-social-github"></a>
<a href="https://www.facebook.com/akveo" target="_blank" class="ion ion-social-facebook"></a>

View file

@ -16,6 +16,12 @@
div {
display: flex;
align-items: center;
& > * {
height: 100%;
display: flex;
align-items: center;
}
}
.left {

View file

@ -32,6 +32,7 @@ $nga-sidebar-width-compact: 3.45rem;
a:hover {
color: $nga-color-secondary;
text-decoration: none;
}
nga-layout {
@ -63,6 +64,11 @@ $nga-sidebar-width-compact: 3.45rem;
i {
font-size: 2rem;
margin-right: 1.25rem;
&:first-child {
display: flex;
justify-content: center;
}
}
}
}