Изменен цвет ссылок

This commit is contained in:
Anton Vakhrushev 2019-08-30 12:13:44 +03:00
parent 89ea91a556
commit 0ee394a364
4 changed files with 32 additions and 12 deletions

View File

@ -22,6 +22,17 @@ h6 {
font-weight: normal;
}
a:not(:visited) {
color: $link-color;
text-decoration: none;
}
a:hover,
a:focus,
a:active {
text-decoration: underline;
}
.hr-line {
height: 0;
display: block;

View File

@ -1,3 +1,5 @@
@import '../vars';
.social {
list-style: none;
padding: 0;
@ -14,4 +16,8 @@
&__link {
color: inherit;
}
&__link:hover {
color: $link-color;
}
}

View File

@ -5,6 +5,9 @@ $base-monospace-font-family: 'Source Code Pro', monospace;
$base-font-size: 20px;
$base-font-color: #24292e; // from github
// Цвет ссылок
$link-color: #0366d6; // from github
// Ширина страницы
$preferred-width: 740px;

View File

@ -33,29 +33,29 @@ use: [articles]
<span class="hr-line"></span>
<ul class="social">
<li class="social__item">
<a class="social__link" href="mailto:anton@vakhrushev.me" target="_blank" title="Написать на почту">
<i class="fas fa-envelope"></i>
</a>
</li>
<li class="social__item">
<a class="social__link" href="https://github.com/anwinged" target="_blank" title="Код на Гитхабе">
<i class="fab fa-github"></i>
</a>
</li>
<li class="social__item">
<a class="social__link" href="https://500px.com/anwinged" target="_blank" title="Фотографии на 500px">
<i class="fab fa-500px"></i>
</a>
</li>
<li class="social__item">
<a class="social__link" href="https://vk.com/anwinged" target="_blank" title="Профиль на Вконтакте">
<i class="fab fa-vk"></i>
</a>
</li>
<li class="social__item">
<a class="social__link" href="https://instagram.com/anwinged" target="_blank" title="Фотографии в Инстаграме">
<i class="fab fa-instagram"></i>
</a>
</li>
<li class="social__item">
<a class="social__link" href="mailto:anton@vakhrushev.me" target="_blank" title="Написать на почту">
<i class="fas fa-envelope"></i>
<a class="social__link" href="/about" target="_blank" title="Об авторе">
<i class="fas fa-ghost"></i>
</a>
</li>
<li class="social__item">
<a class="social__link" href="/wishlist" target="_blank" title="Вишлист">
<i class="fas fa-socks"></i>
</a>
</li>
</ul>