Add an external link icon using FontAwesome

This commit is contained in:
Robert Marshall 2020-03-15 13:59:19 +00:00
parent cd3a7efdaa
commit de4748bd15
5 changed files with 22 additions and 2 deletions

View file

@ -1,5 +1,8 @@
@import url('https://fonts.googleapis.com/css?family=Public+Sans&display=swap');
@import "colours.less";
@fa-font-path: "../webfonts";
@import "../../node_modules/@fortawesome/fontawesome-free/less/fontawesome.less";
@import "../../node_modules/@fortawesome/fontawesome-free/less/solid.less";
* {
box-sizing: border-box;
@ -45,6 +48,15 @@ a {
color: white;
background-size: 100% 100%;
}
&[href^="http"] {
&:after {
.fa-icon;
.fas;
content: @fa-var-external-link-alt;
margin-left: 5px;
}
}
}
h1, h2, h3, h4, h5, h6 {

1
Website/wwwroot/webfonts Symbolic link
View file

@ -0,0 +1 @@
/media/Data/Code/C#/Robware/Website/node_modules/@fortawesome/fontawesome-free/webfonts