mafoo.org.uk/selfdefined
1
0
Fork 0
mirror of https://github.com/fooflington/selfdefined.git synced 2025-06-13 14:05:27 +00:00
Code Issues Projects Releases Wiki Activity

feat(11ty): render flags in defintions

Browse Source
This commit is contained in:
Oscar
2019-11-15 23:24:12 +01:00
parent b5e2289702
commit 017aef19fc
5 changed files with 41 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
_site/scss/base.scss
View File

@ -182,6 +182,8 @@ a {
}
.word {
--word-signal-color: currentColor;
&__title {
font-family: $serif;
font-weight: 900;
@ -245,7 +247,8 @@ a {
}
&__signal {
border-top: 1px solid currentcolor;
border-top: 1px solid var(--word-signal-color);
color: var(--word-signal-color);
display: inline-block;
font-family: $ext-sans;
text-transform: uppercase;
@ -253,8 +256,8 @@ a {
letter-spacing: 0.15rem;
padding: 0.5rem 0.75rem;
&__avoid {
color: red;
&--avoid {
--word-signal-color: red;
&:before {
@include icon__avoid();
@ -262,8 +265,8 @@ a {
}
}
&__better {
color: green;
&--better {
--word-signal-color: green;
&:before {
@include icon__avoid();
@ -271,9 +274,7 @@ a {
}
}
&__tool {
color: black;
&--tool {
&:before {
@include icon__tool();
@include icon__hanging();