Add an external link icon using FontAwesome
This commit is contained in:
parent
cd3a7efdaa
commit
de4748bd15
5 changed files with 22 additions and 2 deletions
|
@ -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
1
Website/wwwroot/webfonts
Symbolic link
|
@ -0,0 +1 @@
|
|||
/media/Data/Code/C#/Robware/Website/node_modules/@fortawesome/fontawesome-free/webfonts
|
Loading…
Add table
Add a link
Reference in a new issue