diff --git a/css/base.css b/css/base.css index c5f936cc..9dcb4f20 100644 --- a/css/base.css +++ b/css/base.css @@ -14,10 +14,21 @@ h2, h3 { font-family: "Noto Serif KR", Georgia, serif; font-weight: 700; } +ul { + padding: 0 0 0 1em; + margin: 0; } + li { list-style: none; padding-bottom: .5em; text-transform: capitalize; } + li.subterm { + padding-left: 10px; } + li:last-child { + padding: 0; } + li.subterm:before { + content: "\21B3 "; + padding-right: 5px; } .grid { display: grid; @@ -33,6 +44,9 @@ li { padding: 1em; } .list, .item { grid-column: span 4; } + .list { + padding: 0 auto; + margin: 0; } h1 { font-size: 3em; } h2 { @@ -40,9 +54,17 @@ li { @media screen and (min-width: 600px) { body { - padding: 3em; } - #title, #description, #summary { - grid-column: span 2; } + padding: 2em; } + .grid { + grid-row-gap: 1em; } + #title { + grid-column: 1 / span 2; + grid-row: 2; } + #summary { + grid-column: 3 / span 2; + grid-row: 1; } + #description { + grid-column: span 4; } .item { grid-column: span 2; } h1 { @@ -50,6 +72,9 @@ li { h2 { font-size: 1.3em; } } +.small { + font-size: .75em; } + @media screen and (min-width: 1024px) { #title { grid-column: 1 / span 1; diff --git a/index.html b/index.html index 7f52a14a..25620cf0 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - Self-Defined · A modern dictionary to reflect today's world + Self-Defined · A modern dictionary about us. We define our words, but they don't define us. @@ -19,9 +19,12 @@

A modern dictionary about us. We define our words, but they don't define us.

-

For now, this stands as a list only, from which you can self-educate. Future phases will include definitions and resources.

+

For now, this stands as a list only, from which you can self-educate +Future phases will include definitions and resources.

Participate

Send unlisted words to or chat about volunteering to help: @tatianatmac on Twitter.

+

Last updated 1:55am GMT 23/09/2018

+
@@ -33,21 +36,23 @@
  • aromantic
  • asexual
  • assigned at birth
    • -
  • Autism
    • +
  • Autism spectrum
  • Bias
    • +
  • bierasure
    • +
  • bipolar
  • Black Indigenous People of Color (BIPOC)
  • Black men (BM)
  • Black women (BW)
  • Black people (BP)
    • -
  • bipolar
  • cisgender
  • colorism
  • Complex Post-Traumatic Stress Disorder (PTSD)
  • cultural appropriation
    • -
  • demiboy
    • -
  • demigirl
    • -
  • demiromantic
    • -
  • demisexual
    • +
  • Demi
    • +
  • -boy
    • +
  • -girl
    • +
  • -romantic
    • +
  • -sexual
  • Disability
  • disabled
  • discordant couples
    • @@ -61,6 +66,10 @@
  • Entitlement
  • Equality
  • Equity
    • +
  • Fem
    • +
  • Femme
    • +
  • Gender
    • +
  • Racial
  • Ethnicity
  • Gender
  • Gender confirmation surgery (GCS)
    • @@ -71,10 +80,11 @@
  • Human Immunodeficiency Virus (HIV)
  • Homophobia
  • hormone Replacement therapy (HRT)
    • +
  • Impact
  • Implicit bias
  • Indigenous
  • Inherent
    • -
  • Intent/impact
    • +
  • Intent
  • internalized oppression
  • Intersectionality
  • intersex
    • @@ -89,21 +99,32 @@
  • Neurodivergent
  • Neurotypical
  • non binary
    • +
  • -Normative
    • +
  • cis
    • +
  • hetero
    • +
  • Oppression
    • +
  • Internalized
  • Other specified feeding or eating disorders (OSFED)
  • Panic attacks
  • Pansexual
    • -
  • passing
    • -
  • PEP
    • +
  • -passing
    • +
  • female-
    • +
  • male-
    • +
  • white-
  • Performative allyship
  • People of Color (PoC)
  • Post-Traumatic Stress Disorder
  • power
  • Poz
  • Prejudice
    • -
  • Pre-exposure Prophylaxis (PrEP)
    • +
  • Prophylaxis
    • +
  • Pre-exposure (PreEP)
    • +
  • Post-exposure (PEP)
  • Privilege
    • +
  • Cis
    • +
  • Monosexual
    • +
  • White
  • Race
    • -
  • racial/gender equity
  • Racism
  • Racist
  • Semitic
    • @@ -112,7 +133,6 @@
  • Sexual assault of a minor
  • Sexual orientation
  • Socially constructed
    • -
  • Spectrum
  • Systematic
  • Systemic
  • Trans Exclusionary Radical Feminist (TERF)
    • @@ -137,5 +157,6 @@
  • womanism
    • + \ No newline at end of file diff --git a/scss/base.scss b/scss/base.scss index f46ef099..425c51c4 100644 --- a/scss/base.scss +++ b/scss/base.scss @@ -43,11 +43,27 @@ h2, h3 { font-family: $serif; font-weight: $bold; } +ul { + padding: 0 0 0 1em; + margin: 0; +} li { list-style: none; padding-bottom: .5em; text-transform: capitalize; + &.subterm { + padding-left: 10px; + } + + &:last-child { + padding: 0; + } + + &.subterm:before { + content: "\21B3 "; + padding-right: 5px; + } } // GRID // @@ -80,6 +96,11 @@ li { grid-column: span 4; } + .list { + padding: 0 auto; + margin: 0; + } + h1 { font-size: 3em; } @@ -91,13 +112,27 @@ li { @media screen and (min-width: 600px) { body { - padding: 3em; + padding: 2em; } - #title, #description, #summary { - grid-column: span 2; + .grid { + grid-row-gap: 1em; } + #title { + grid-column: 1 / span 2; + grid-row: 2; + } + + #summary { + grid-column: 3 / span 2; + grid-row: 1; + } + + #description { + grid-column: span 4; + } + .item { grid-column: span 2; } @@ -111,6 +146,10 @@ li { } } +.small { + font-size: .75em; +} + @media screen and (min-width: 1024px) { #title {