Style Sampler

Style Sampler

Heading 1 Style basic page components: H1 thru 5, p, a, ul, ol, strong, em, floated img, form inputs with placeholders.

In strong strong strong em em em em reprehenderit in voluptate eu fugiat nulla pariatur. This external link should open in a new window. This is a link. Duis aute irure dolor excepteur sint occaecat sunt in culpa. Lorem ipsum dolor sit amet, ut enim ad minim veniam, consectetur adipisicing elit. Ullamco laboris nisi qui officia deserunt duis aute irure dolor.

  • Unordered list
  • Turns out that an “overflow:hidden” attribute on a list element (ul, ol) will solve the left margin problems when it’s next to a floated element. That’s been updated on _typography.scss.
  • li with nested elements
    • Nested ul li
      • Nested ul li ul li
  • Long <li> text Lorem ipsum dolor sit amet. Eu fugiat nulla pariatur. Qui officia deserunt ut enim ad minim veniam. Ut enim ad minim veniam, ut aliquip ex ea commodo consequat.
    1. Nested ol li
  • Sed do eiusmod tempor incididunt

Heading 2 Line-height may need to be adjusted for headings that are long enough to wrap. This is a link in a heading. Is this heading wrapping yet?

Link to a Word Document. Sunt in culpa eu fugiat nulla pariatur. Link to a PDF. Duis aute irure dolor ullamco laboris nisi excepteur sint occaecat. Link to an Excel doc. Eu fugiat nulla pariatur. Qui officia deserunt ut enim ad minim veniam. Ut enim ad minim veniam, ut aliquip ex ea commodo consequat.

Velit esse cillum dolore duis aute irure dolor ut aliquip ex ea commodo consequat. Ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, sunt in culpa eu fugiat nulla pariatur.

Duis aute irure dolor ullamco laboris nisi excepteur sint occaecat. Eu fugiat nulla pariatur. Qui officia deserunt ut enim ad minim veniam. Ut enim ad minim veniam, ut aliquip ex ea commodo consequat. Cupidatat non proident, ullamco laboris nisi lorem ipsum dolor sit amet.

Excepteur sint occaecat sed do eiusmod tempor incididunt quis nostrud exercitation. Mollit anim id est laborum. Qui officia deserunt ut enim ad minim veniam.

  1. Ordered List
  2. li with nested elements
    1. Nested ol li
      1. Nested ol li ol li
      2. Nested ol li ol li
      3. Nested ol li ol li
    2. Nested ol li
    3. Nested ol li
    4. Nested ol li
  3. Long <li> text Lorem ipsum dolor sit amet. Eu fugiat nulla pariatur. Qui officia deserunt ut enim ad minim veniam. Ut enim ad minim veniam, ut aliquip ex ea commodo consequat.
    • Nested ul li
  4. Sed do eiusmod tempor incididunt

Heading 3 Ut labore et dolore magna aliqua. Consectetur adipisicing elit.

Excepteur sint occaecat sed do eiusmod tempor incididunt quis nostrud exercitation. Mollit anim id est laborum.

Blockquote

Sunt in culpa eu fugiat nulla pariatur. Duis aute irure dolor ullamco laboris nisi excepteur sint occaecat.
Eu fugiat nulla pariatur. Qui officia deserunt ut enim ad minim veniam.

Duis aute irure dolor ullamco laboris nisi excepteur sint occaecat. Ut enim ad minim veniam, ut aliquip ex ea commodo consequat.

Heading 4 Quis nostrud exercitation

Consectetur adipisicing elit, sunt in culpa velit esse cillum dolore. Cupidatat non proident, mollit anim id est laborum. Quis nostrud exercitation qui officia deserunt in reprehenderit in voluptate.

Heading 5 Ullamco laboris nisi ut enim ad minim veniam, sed do eiusmod tempor. Ut enim ad minim veniam.

Duis aute irure dolor ullamco laboris nisi excepteur sint occaecat. Eu fugiat nulla pariatur. Qui officia deserunt ut enim ad minim veniam. Ut enim ad minim veniam, ut aliquip ex ea commodo consequat. Cupidatat non proident, ullamco laboris nisi lorem ipsum dolor sit amet.

Stay Informed

Connect With us

@FreshwaterFutur

  • Pollution limits will help to protect drinking water for millions of Great Lakes' residents.… https://t.co/azrxJ6yO4i
  • Thank you to Pellston High School students for volunteering with Freshwater Future to address PFAS in drinking wate… https://t.co/It3rPnVnaR
  • Research finds that most water filters do not completely remove Toxic PFAS. Follow the story here, and visit Freshw… https://t.co/K7UqEKfrYW
  • If we’re the ones drinking the water we should be the first to know what’s in it and where we’re getting it from! S… https://t.co/BQ4cXBNSWW
  • Communities are suffering from a lack of clean and affordable water. The #DirtyWaterRule will increase water rates… https://t.co/1Jeku07THp

© 2020 Freshwater Future. All Rights Reserved.

Images courtesy of Steven Huyser-Honig,
West Grand Boulevard Collaborative, & Yellow Dog Watershed Preserve.