jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix external link icons (#3890).

Browse Source
This commit is contained in:
evazion
2018-09-14 00:21:08 -05:00
parent 26674ec88a
commit 42f97bf3e5
2 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/javascript/src/styles/base/000_vars.scss
View File

@@ -88,3 +88,16 @@ $success_color: hsl(120, 100%, 95%); // light green
margin: 2px;
text-align: center;
}
// https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements
@mixin fa-icon($family, $weight, $content) {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: $family;
font-weight: $weight;
content: $content;
}

13
app/javascript/src/styles/common/dtext.scss
View File

@@ -88,16 +88,13 @@ div.prose {
}
}
// https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements
a.dtext-external-link::after {
display: none;
font: 900 1em "Font Awesome 5 Free";
content: "\f35d"; // https://fontawesome.com/icons/external-link-alt?style=solid
}
// https://fontawesome.com/icons/external-link-alt?style=solid
@include fa-icon("Font Awesome 5 Free", 900, "\f35d");
a.dtext-external-link svg {
width: 0.75em;
padding-left: 0.25em;
font-size: 0.6em;
padding: 0 0.2em 0 0.3em;
vertical-align: 1px;
}
}