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

⚠️ Add flag design for content warning (#120)

Browse Source 
* ⚠️ Add flag design for content warning

* Fix build error

* Lol fix build error

* Added terms
This commit is contained in:
Tatiana Mac
2020-05-09 19:31:20 -07:00
committed by tatianamac
parent e05ad44ae8
commit 878b474f32
36 changed files with 256 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
assets/css/components/_flag.scss
View File

@ -1,5 +1,5 @@
.flag__red {
background-color: rgb(255, 192, 203);
background-color:$lt-background-color;
border-radius: 1rem;
display: inline-block;
font-size: 0.9rem;
@ -13,3 +13,19 @@
@include icon__embed();
}
}
.flag__yellow {
background-color: $lt-background-color-warning;
border-radius: 1rem;
display: inline-block;
font-size: 0.9rem;
font-weight: bold;
margin: 0.5rem 0.75rem 0.25rem 0;
padding: 0.45rem 0.65rem;
text-transform: lowercase;
&:before {
@include icon__warning();
@include icon__embed();
}
}

11
assets/css/components/_word.scss
View File

@ -74,7 +74,7 @@
text-transform: uppercase;
&--avoid {
--word-signal-color: #a40000;
--word-signal-color: $dark-red;
&:before {
@include icon__avoid();
@ -83,7 +83,7 @@
}
&--better {
--word-signal-color: green;
--word-signal-color: $dark-green;
&:before {
@include icon__alt();
@ -97,5 +97,12 @@
@include icon__hanging();
}
}
&--warning {
--word-signal-color: $dark-yellow;
&:before {
@include icon__warning();
@include icon__hanging();
}
}
}
}