oliverbooth/oliverbooth.dev
oliverbooth/oliverbooth.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

style: add brand colours to social links

Browse Source
This commit is contained in:
Oliver Booth 2023-09-24 19:11:27 +01:00
parent e0b236831b
commit fd2ecf0b5c
Signed by: oliverbooth
GPG Key ID: E60B570D1B7557B5
2 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
OliverBooth/Pages/Shared/_Layout.cshtml
View File

@ -91,8 +91,8 @@
<ul class="footer-nav"> <ul class="footer-nav">
<li>&copy; @DateTime.UtcNow.Year</li> <li>&copy; @DateTime.UtcNow.Year</li>
<li><a asp-page="/privacy/index">Privacy</a></li> <li><a asp-page="/privacy/index">Privacy</a></li>
<li><a href="https://mastodon.olivr.me/@@oliver" rel="me"><i class="fa-brands fa-mastodon"></i></a></li> <li><a href="https://mastodon.olivr.me/@@oliver" rel="me" class="brand-mastodon"><i class="fa-brands fa-mastodon"></i></a></li>
<li><a href="https://www.linkedin.com/in/oliverlukebooth/"><i class="fa-brands fa-linkedin"></i></a></li> <li><a href="https://www.linkedin.com/in/oliverlukebooth/" class="brand-linkedin"><i class="fa-brands fa-linkedin"></i></a></li>
<li><a asp-controller="Rss" asp-action="OnGet"><i class="fa-solid fa-rss text-orange"></i></a></li> <li><a asp-controller="Rss" asp-action="OnGet"><i class="fa-solid fa-rss text-orange"></i></a></li>
</ul> </ul>
</div> </div>

22
src/scss/app.scss
View File

@ -279,3 +279,25 @@ a.bmc-btn {
} }
} }
} }
a.brand-mastodon {
&:link, &:visited, &:hover, &:active {
text-decoration: none;
color: #5a48dd;
}
&:hover {
color: #fff;
}
}
a.brand-linkedin {
&:link, &:visited, &:hover, &:active {
text-decoration: none;
color: #0077b5;
}
&:hover {
color: #fff;
}
}