selfdefined/assets/css/components/_definitions.scss
Matthew Shields f72d41280a
⚒️ Adds content warning guidelines page (#200)
* 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>
2020-06-20 11:06:01 -07:00

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: "🚨";
}
}
}