mirror of
https://github.com/fooflington/selfdefined.git
synced 2025-04-21 16:59:08 +00:00

* Add empty page content file * Add link in footer * Make footer links span two columns when in grid template layout * wrap footer grid-column in media query to strip triggering 2 columns on mobile * Add guidelines content * Capitalise 'Warning' * Add link to guidance page from guidance definition block * Change 'term' to 'topic' * Update 11ty/content-warning-guidelines/index.md Co-authored-by: Tatiana Mac <github@tatianamac.com> * Update 11ty/content-warning-guidelines/index.md Co-authored-by: Tatiana Mac <github@tatianamac.com> * Update 11ty/content-warning-guidelines/index.md Co-authored-by: Tatiana Mac <github@tatianamac.com> * Update 11ty/content-warning-guidelines/index.md Co-authored-by: Tatiana Mac <github@tatianamac.com> * Update 11ty/content-warning-guidelines/index.md Co-authored-by: Tatiana Mac <github@tatianamac.com> * remove additional line breaks to pass lint tests * remove my now unneeded media query * Remove longer content warning from definition page * Change content warning flag to link to separate content warning guidance page * remove unneeded content flag styling Co-authored-by: Tatiana Mac <tatiana.t.mac@gmail.com> Co-authored-by: Tatiana Mac <github@tatianamac.com>
44 lines
756 B
SCSS
44 lines
756 B
SCSS
.word__type {
|
|
font-family: $con-sans;
|
|
font-size: 0.85rem;
|
|
padding-right: 1rem;
|
|
text-align: right;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.word__link {
|
|
border-bottom: darkgrey solid 0.1em;
|
|
color: black;
|
|
font-family: $ext-sans;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.word__breakdown {
|
|
border-left: 0.1rem solid lightgrey;
|
|
font-family: $sans-serif;
|
|
padding-left: 1rem;
|
|
}
|
|
|
|
.content-flag {
|
|
background-color: $lt-background-color-warning;
|
|
overflow: hidden;
|
|
padding: 0 1rem 0 3rem;
|
|
position: relative;
|
|
|
|
&:before {
|
|
content: "⚠️";
|
|
left: 1rem;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
&--avoid {
|
|
background-color: $pink;
|
|
|
|
&:before {
|
|
content: "🚨";
|
|
}
|
|
}
|
|
}
|