4-elements edit

headings  edit


Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5 with link

Paragraph text. The academic advising system distinguishes W&M as a university that values high-quality faculty/student interaction. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.

Paragraph text. The academic advising system distinguishes W&M as a university that values high-quality faculty/student interaction. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.

Heading Level 6 with link

Paragraph text. The academic advising system distinguishes W&M as a university that values high-quality faculty/student interaction. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.

Paragraph text. The academic advising system distinguishes W&M as a university that values high-quality faculty/student interaction. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.

H5 with strong text

Explore majorsVisit CampusApply to W&M

H6 with strong text

Explore majorsVisit CampusApply to W&M

Copy
Edit
<hr> <h1>Heading Level 1</h1> <h2>Heading Level 2</h2> <h3>Heading Level 3</h3> <h4>Heading Level 4</h4> <h5>Heading Level 5 with <a href="">link</a></h5> <p>Paragraph text. The academic advising system distinguishes W&M as a university that values high-quality faculty/student interaction. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.</p> <p>Paragraph text. The academic advising system distinguishes W&M as a university that values high-quality faculty/student interaction. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.</p> <h6>Heading Level 6 with <a href="">link</a></h6> <p>Paragraph text. The academic advising system distinguishes W&M as a university that values high-quality faculty/student interaction. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.</p> <p>Paragraph text. The academic advising system distinguishes W&M as a university that values high-quality faculty/student interaction. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.</p> <h5>H5 with <strong>strong text</strong></h5> <p class="content_button"><a href="../../../majorsminors/index.php">Explore majors</a><a href="../../../about/visiting/index.php">Visit Campus</a><a href="../../../admission/index.php">Apply to W&amp;M</a></p> <h6>H6 with <strong>strong text</strong></h6> <p class="content_button"><a href="../../../majorsminors/index.php">Explore majors</a><a href="../../../about/visiting/index.php">Visit Campus</a><a href="../../../admission/index.php">Apply to W&amp;M</a></p> <!-- components/4-elements/headings.php -->
Copy
Copy
Edit
/* scss/4-elements/_headings.scss */ /* heading variables can be found in 3-variables/_wm-element-styles.scss */ h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; letter-spacing: 0.015rem; color: var(--color-wmgreen-90); font-family: font(heading-sans); font-size: 1rem; font-weight: normal; line-height: font(heading-line-height); } h1 strong, h2 strong, h3 strong, h4 strong, strong h1, strong h2, h3, strong h3, strong h4 { /*enforce plain text for h1-h4 */ font-weight: font(sans-weight, normal) !important; } h5 strong, h6 strong { font-weight: font(sans-weight, demi) !important; } h5 { margin-bottom: $h5-bottom-space; letter-spacing: $h5-letter-spacing; font-size: $h5-font-size; font-weight: 700; line-height: $h5-line-height; } h6 { margin-bottom: $h6-bottom-space; letter-spacing: $h6-letter-spacing; font-size: $h6-font-size; font-weight: 700; line-height: $h6-line-height; } h5, h6 { margin-top: $text-heading-top-margin; color: var(--color-wmgreen-90); } // ---------------------------------------------- // heading and other basic element combinations h5 + h6 { margin-top: toRem(12); } a + h5, a + h6, button + h5, button + h6 { margin-top: 2rem; } h6 + p { margin-top: 0.1rem; } h5 + .collapsible { margin-top: 0; }