mafoo.org.uk/selfdefined
1
0
Fork 0
mirror of https://github.com/fooflington/selfdefined.git synced 2025-06-10 21:01:41 +00:00
Code Issues Projects Releases Wiki Activity

⚠️ Adds content warning guidelines (#156)

Browse Source 
* Move speech definition into main template

* Remove speech definition from definition-content.njk

* add margin top helper

* add content flag components

* Add selection styling to .box class

* Change content warning flag styling

* Add additional content warning guidance and change styling

* Expand examples list

* reworded topic[s] after testing in screen reader

* Also adjust wording on avoid content guidelines block

* Output title into content warning example

* Update 11ty/_includes/components/content-warning.njk

Co-authored-by: Tatiana Mac <github@tatianamac.com>

* Update 11ty/_includes/components/content-warning-flag.njk

Co-authored-by: Tatiana Mac <github@tatianamac.com>

* Update 11ty/_includes/components/content-warning.njk

Co-authored-by: Tatiana Mac <github@tatianamac.com>

Co-authored-by: Tatiana Mac <github@tatianamac.com>
This commit is contained in:
Matthew Shields
2020-05-29 00:08:35 +01:00
committed by GitHub
parent 66a3103f26
commit 909c90f776
8 changed files with 118 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
assets/css/components/_definitions.scss
View File

@ -18,3 +18,39 @@
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: "🚨";
}
}
}
.content-warning {
background-color: $lt-background-color-warning;
border-left: 4px $yellow solid;
overflow: hidden;
padding: 1rem 1.5rem;
position: relative;
&--avoid {
background-color: $pink;
border-left-color: red;
}
}

10
assets/css/components/_lists.scss
View File

@ -34,3 +34,13 @@ li {
}
}
}
.list-default {
li {
list-style: initial;
margin-left: 2rem;
&:last-child {
margin-bottom: 0.5rem;
}
}
}