lansingcodes / www

Events and resources for Lansing coders
https://www.lansing.codes
Other
7 stars 16 forks source link

Code of Conduct typography improvements #142

Open egillespie opened 2 years ago

egillespie commented 2 years ago

Is your feature request related to a problem? Please describe.

Since the Code of Conduct text is long-form content instead of short-form like all other text on the Lansing Codes homepage, it is more difficult to read when using the styles tailored to the short-form content of the main page.

Describe the solution you'd like

⚠️ Important: Make sure to apply all styles in the <style> section of code-of-conduct.vue and DO NOT apply Tailwind styles directly to the HTML template! Doing this will make it difficult to update the Code of Conduct when the Contributor Covenant version is revised (see #143).

Adjust the text styles on all paragraphs in the the Code of Conduct page as follows:

  1. font-size of 1.25rem for all p elements (Tailwind style: text-xl)
  2. line-height of 1.5 for all p elements (Tailwind style: leading-normal)
  3. color of #22292f for all p elements (Tailwind style: text-black)
  4. margin-bottom of 1rem for all li elements (Tailwind style: mb-4)
  5. padding-left of 2.5rem for all Community Impact and Consequence p elements in the Enforcement Guidelines section (Tailwind style: pl-10)

This project uses Tailwind 0.7.4 but may change if #104 is completed.