Long Form Text

Use long form text for page body prose.

Long Form Text extends the base Typography‘s size, weight, and color with spacing and specialized styles appropriate for body prose. In addition, it has styles for illustrations, blockquotes, and more. For text in components, such as Card or List, see Typography.

Usage

Wrap any sequence of headings, paragraphs, lists, and images in .spirit-long-form-text. Unlike other Spirit components which are encapsulated and namespaced to prevent conflicts, Long Form Text directly styles basic HTML elements, h1-h6, p, ul, ol, img, and so forth.

Avoid placing components inside a block of Long Form Text, since this can produce unpredictable results.

Type 1 diabetes hypoglycemia symptoms

So what are the low blood sugar symptoms you should look out for? It’s important to realize that the signs of low blood sugar will vary depending on the person. However, people with type 1 diabetes—whether it’s been diagnosed or not—may experience one or more of the following:

  • Sweating and shaking
  • Blurry vision
  • Poor coordination
  • Dizziness or feeling lightheaded

What to do if you experience low blood glucose symptoms

Severely low blood-sugar levels can lead to hypoglycemic seizures, unconsciousness, coma, and death if left untreated. That’s why it’s important to see a doctor if you think you have low blood sugar so he or she can check your blood-glucose levels—look into whether type 1 diabetes may be a cause—and provide the necessary treatment.

Code Copied
Copy Code 
<div class="spirit-long-form-text">
    <h2>Type 1 diabetes hypoglycemia symptoms</h2>
    <p>So what are the low blood sugar symptoms you should look out for? It’s important to realize that the signs of low blood sugar will vary depending on the person. However, people with type 1 diabetes—whether it’s been diagnosed or not—may experience one or more of the following:</p>
    <ul>
        <li>Sweating and shaking</li>
        <li>Blurry vision</li>
        <li>Poor coordination</li>
        <li>Dizziness or feeling lightheaded</li>
    </ul>
    <h2>What to do if you experience low blood glucose symptoms</h2>
    <p>Severely low blood-sugar levels can lead to hypoglycemic seizures, unconsciousness, coma, and death if left untreated. That’s why it’s important to see a doctor if you think you have low blood sugar so he or she can check your blood-glucose levels—look into whether type 1 diabetes may be a cause—and provide the necessary treatment.</p>
</div>

Hierarchy

Establish visual hierarchy using appropriate typographic scale.

You Can Help Turn Type One Into Type None
Heading 1 .spirit-long-form-text h1 margin: 40px 0 16px 0;
You Can Help Turn Type One Into Type None
Heading 2 .spirit-long-form-text h2 margin: 40px 0 16px 0;
You Can Help Turn Type One Into Type None
Heading 3 .spirit-long-form-text h3 margin: 24px 0 16px 0;
You Can Help Turn Type One Into Type None
Heading 4 .spirit-long-form-text h4 margin: 16px 0 16px 0;
You Can Help Turn Type One Into Type None
Heading 5 .spirit-long-form-text h5 margin: 16px 0 16px 0;
You Can Help Turn Type One Into Type None
Heading 6 .spirit-long-form-text h6 margin: 16px 0 16px 0;
Whether you donate your time or dollars, life-changing breakthroughs in T1D treatments and therapies couldn’t happen without you.
Lead Paragraph .spirit-long-form-text .spirit-subhead margin: 16px 0 32px 0;
Whether you donate your time or dollars, life-changing breakthroughs in T1D treatments and therapies couldn’t happen without you.
Large Paragraph (Default) .spirit-long-form-text p margin: 0 0 16px 0;
Youth Ambassadors are invited to create a one-of-a-kind project to be featured in the auction of the upcoming One Night in Vegas…
Medium Paragraph .spirit-long-form-text p.spirit-body-text-l margin: 0 0 16px 0;
Youth Ambassadors are invited to create a one-of-a-kind project to be featured in the auction of the upcoming One Night in Vegas…
Small Paragraph .spirit-long-form-text p.spirit-body-text-s margin: 0 0 16px 0;

Spacing

In long form text, all elements have bottom spacing to create whitespace and establish relationships via relative proximity. In addition, headings have top space to create more white space between sections of text.

When two headings are stacked, such as when an <h3> immediately follows an <h2>, the intervening top space is removed. This tightens the headings, reinforcing the hierarchical relationship.

Whitespace revealed, showing how the <h3>’s top space is overridden to 0px.

Whitespace override preview

Specialized Styles

Lead Heading

Use spirit-lead-heading to collapse the space above a heading when it appears first in a column.

JDRF Ride

Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone. There are six 2018 JDRF Rides across the country. Each of the Rides, which occur August through November, offer a unique and unforgettable experience. From riding the rolling hills of upstate New York to the desert of Santa Fe, JDRF has a Ride for you. JDRF is the leading global organization funding T1D research.

JDRF Ride to Cure Diabetes is a charitable bike ride that to-date has raised over $47 million for type 1 diabetes (T1D) research. The Ride gives cyclists of all ages and skill levels the opportunity to support breakthroughs that transform the lives of people with T1D, until there is a cure. JDRF Ride isn’t just a bike ride: it’s an experience where hundreds of riders come together from all over the world to make new friendships, enjoy the unparalleled camaraderie of the Ride community and raise money to help end T1D. We want a cure and we won't stop until we make one a reality. Along the way, we will continue to support advances that make it safer and easier to live with this disease.

Code Copied
Copy Code 
<div class="spirit-row">
    <div class="spirit-col">
        <div class="spirit-long-form-text">
            <h3 class="spirit-lead-heading">JDRF Ride</h3>
            <p>Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone. There are six 2018 JDRF Rides across the country. Each of the Rides, which occur August through November, offer a unique and unforgettable experience. From riding the rolling hills of upstate New York to the desert of Santa Fe, JDRF has a Ride for you. JDRF is the leading global organization funding T1D research.</p>
        </div>
    </div>
    <div class="spirit-col">
        <div class="spirit-long-form-text">
            <p>JDRF Ride to Cure Diabetes is a charitable bike ride that to-date has raised over $47 million for type 1 diabetes (T1D) research. The Ride gives cyclists of all ages and skill levels the opportunity to support breakthroughs that transform the lives of people with T1D, until there is a cure. JDRF Ride isn’t just a bike ride: it’s an experience where hundreds of riders come together from all over the world to make new friendships, enjoy the unparalleled camaraderie of the Ride community and raise money to help end T1D. We want a cure and we won't stop until we make one a reality. Along the way, we will continue to support advances that make it safer and easier to live with this disease.</p>
        </div>
    </div>
</div>

Use <a> links directly inside Long Form Text.

Severely low blood-sugar levels can lead to hypoglycemic seizures, unconsciousness, coma, and death if left untreated. That’s why it’s important to see a doctor if you think you have low blood sugar so he or she can check your blood-glucose levels—look into whether type 1 diabetes may be a cause—and provide the necessary treatment.

Code Copied
Copy Code 
<div class="spirit-long-form-text">
    <p>Severely low blood-sugar levels can lead to hypoglycemic seizures, unconsciousness, coma, and death if left untreated. That’s why it’s important to <a href="#">see a doctor</a> if you think you have low blood sugar so he or she can check your blood-glucose levels—look into whether type 1 diabetes may be a cause—and provide the necessary treatment.</p>
</div>

On a dark background, links within Long Form Text reverse to white.

Severely low blood-sugar levels can lead to hypoglycemic seizures, unconsciousness, coma, and death if left untreated. That’s why it’s important to see a doctor if you think you have low blood sugar so he or she can check your blood-glucose levels—look into whether type 1 diabetes may be a cause—and provide the necessary treatment.

Code Copied
Copy Code 
<div class="spirit-long-form-text">
    <p>Severely low blood-sugar levels can lead to hypoglycemic seizures, unconsciousness, coma, and death if left untreated. That’s why it’s important to <a href="#">see a doctor</a> if you think you have low blood sugar so he or she can check your blood-glucose levels—look into whether type 1 diabetes may be a cause—and provide the necessary treatment.</p>
</div>

List

Use ordered and unordered lists inside Long Form Text using raw HTML.

Unordered List

  • List item 1
  • List item 2 is very long so that it wraps List item 2 is very long so that it wraps List item 2 is very long so that it wraps List item 2 is very long so that it wraps
  • List item 3
    • Nested List item 1
    • Nested List item 2
    • Nested List item 3
      • Nested List item 1
      • Nested List item 2 is very long so that it wraps Nested List item 2 is very long so that it wraps Nested List item 2 is very long so that it wraps Nested List item 2 is very long so that it wraps
      • Nested List item 3
    • Nested List item 4
  • List item 4
Code Copied
Copy Code 
<div class="spirit-long-form-text">
    <ul>
        <li>List item 1</li>
        <li>List item 2 is very long so that it wraps List item 2 is very long so that it wraps List item 2 is very long so that it wraps List item 2 is very long so that it wraps </li>
        <li>List item 3 <ul>
                <li>Nested List item 1</li>
                <li>Nested List item 2</li>
                <li>Nested List item 3 <ul>
                        <li>Nested List item 1</li>
                        <li>Nested List item 2 is very long so that it wraps Nested List item 2 is very long so that it wraps Nested List item 2 is very long so that it wraps Nested List item 2 is very long so that it wraps </li>
                        <li>Nested List item 3</li>
                    </ul>
                </li>
                <li>Nested List item 4</li>
            </ul>
        </li>
        <li>List item 4</li>
    </ul>
</div>

Ordered List

  1. List item 1
  2. List item 2 is very long so that it wraps List item 2 is very long so that it wraps List item 2 is very long so that it wraps List item 2 is very long so that it wraps
  3. List item 3
    1. Nested List item 1
    2. Nested List item 2
    3. Nested List item 3
      1. Nested List item 1
      2. Nested List item 2 is very long so that it wraps Nested List item 2 is very long so that it wraps Nested List item 2 is very long so that it wraps Nested List item 2 is very long so that it wraps
      3. Nested List item 3
    4. Nested List item 4
  4. List item 4
Code Copied
Copy Code 
<div class="spirit-long-form-text">
    <ol>
        <li>List item 1</li>
        <li>List item 2 is very long so that it wraps List item 2 is very long so that it wraps List item 2 is very long so that it wraps List item 2 is very long so that it wraps </li>
        <li>List item 3 <ol>
                <li>Nested List item 1</li>
                <li>Nested List item 2</li>
                <li>Nested List item 3 <ol>
                        <li>Nested List item 1</li>
                        <li>Nested List item 2 is very long so that it wraps Nested List item 2 is very long so that it wraps Nested List item 2 is very long so that it wraps Nested List item 2 is very long so that it wraps </li>
                        <li>Nested List item 3</li>
                    </ol>
                </li>
                <li>Nested List item 4</li>
            </ol>
        </li>
        <li>List item 4</li>
    </ol>
</div>

Illustrations

Use photos and videos with or without captions directly inside Long Form Text. Position the illustration to fill the column or float right or left within flowing prose.

Caption

Transplantation of beta cells can be, literally, a life-saver
Code Copied
Copy Code 
<div class="spirit-long-form-text">
    <figcaption class="spirit-caption">Transplantation of beta cells can be, literally, a life-saver</figcaption>
</div>

Float Left or Right

Position images to float right or left within flowing prose.

An adorable kitten
Team JDRF to Cure Diabetes

Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone. There are six 2018 JDRF Rides across the country. Each of the Rides, which occur August through November, offer a unique and unforgettable experience. From riding the rolling hills of upstate New York to the desert of Santa Fe, JDRF has a Ride for you. JDRF is the leading global organization funding T1D research.

An adorable kitten
JDRF Ride to Cure Diabetes

JDRF Ride to Cure Diabetes is a charitable bike ride that to-date has raised over $47 million for type 1 diabetes (T1D) research. The Ride gives cyclists of all ages and skill levels the opportunity to support breakthroughs that transform the lives of people with T1D, until there is a cure. JDRF Ride isn’t just a bike ride: it’s an experience where hundreds of riders come together from all over the world to make new friendships, enjoy the unparalleled camaraderie of the Ride community and raise money to help end T1D. We want a cure and we won't stop until we make one a reality. Along the way, we will continue to support advances that make it safer and easier to live with this disease. By taking part in JDRF Ride to Cure Diabetes, you’ll help us get there faster.

Code Copied
Copy Code 
<div class="spirit-long-form-text">
    <figure class="spirit-image-left">
        <img src="/images/long-form-text/TeadJDRFRunners.jpg" alt="An adorable kitten">
        <figcaption class="spirit-caption">Team JDRF to Cure Diabetes</figcaption>
    </figure>
    <p>Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone. There are six 2018 JDRF Rides across the country. Each of the Rides, which occur August through November, offer a unique and unforgettable experience. From riding the rolling hills of upstate New York to the desert of Santa Fe, JDRF has a Ride for you. JDRF is the leading global organization funding T1D research.</p>
</div>
<div class="spirit-long-form-text">
    <figure class="spirit-image-right">
        <img src="/images/long-form-text/Ride_1066x546-734x376.jpg" alt="An adorable kitten">
        <figcaption class="spirit-caption">JDRF Ride to Cure Diabetes</figcaption>
    </figure>
    <p>JDRF Ride to Cure Diabetes is a charitable bike ride that to-date has raised over $47 million for type 1 diabetes (T1D) research. The Ride gives cyclists of all ages and skill levels the opportunity to support breakthroughs that transform the lives of people with T1D, until there is a cure. JDRF Ride isn’t just a bike ride: it’s an experience where hundreds of riders come together from all over the world to make new friendships, enjoy the unparalleled camaraderie of the Ride community and raise money to help end T1D. We want a cure and we won't stop until we make one a reality. Along the way, we will continue to support advances that make it safer and easier to live with this disease. By taking part in JDRF Ride to Cure Diabetes, you’ll help us get there faster.</p>
</div>

Default

Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone. There are six 2018 JDRF Rides across the country.

An adorable kitten
JDRF offers kids many ways to educate, inspire and motivate their peers

Each of the Rides, which occur August through November, offer a unique and unforgettable experience. From riding the rolling hills of upstate New York to the desert of Santa Fe, JDRF has a Ride for you. JDRF is the leading global organization funding T1D research.

Code Copied
Copy Code 
<div class="spirit-long-form-text">
    <p>Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone. There are six 2018 JDRF Rides across the country.</p>
    <figure class="spirit-image">
        <img src="/images/long-form-text/JDRF-Kids-School-Fundraising-734x376.jpg" alt="An adorable kitten">
        <figcaption class="spirit-caption">JDRF offers kids many ways to educate, inspire and motivate their peers</figcaption>
    </figure>
    <p>Each of the Rides, which occur August through November, offer a unique and unforgettable experience. From riding the rolling hills of upstate New York to the desert of Santa Fe, JDRF has a Ride for you. JDRF is the leading global organization funding T1D research.</p>
</div>

Center

Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone. There are six 2018 JDRF Rides across the country.

An adorable kitten
JDRF offers kids many ways to educate, inspire and motivate their peers

Each of the Rides, which occur August through November, offer a unique and unforgettable experience. From riding the rolling hills of upstate New York to the desert of Santa Fe, JDRF has a Ride for you. JDRF is the leading global organization funding T1D research.

Code Copied
Copy Code 
<div class="spirit-long-form-text">
    <p>Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone. There are six 2018 JDRF Rides across the country.</p>
    <figure class="spirit-image-center">
        <img src="/images/long-form-text/JDRF-Kids-School-Fundraising-734x376.jpg" alt="An adorable kitten">
        <figcaption class="spirit-caption">JDRF offers kids many ways to educate, inspire and motivate their peers</figcaption>
    </figure>
    <p>Each of the Rides, which occur August through November, offer a unique and unforgettable experience. From riding the rolling hills of upstate New York to the desert of Santa Fe, JDRF has a Ride for you. JDRF is the leading global organization funding T1D research.</p>
</div>

Pull Quotes

Float Left or Right

Position pull quotes to float right or left within flowing prose.

Nearly $2.5 billion in federal funding has gone into type 1 diabetes research since SDP began.

Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone. There are six 2018 JDRF Rides across the country. Each of the Rides, which occur August through November, offer a unique and unforgettable experience. From riding the rolling hills of upstate New York to the desert of Santa Fe, JDRF has a Ride for you. JDRF is the leading global organization funding T1D research.

The JDRF Ride has raised more than $47 million for research to deliver life-changing therapies and, one day, a cure for type 1 diabetes (T1D).

JDRF Ride to Cure Diabetes is a charitable bike ride that to-date has raised over $47 million for type 1 diabetes (T1D) research. The Ride gives cyclists of all ages and skill levels the opportunity to support breakthroughs that transform the lives of people with T1D, until there is a cure. JDRF Ride isn’t just a bike ride: it’s an experience where hundreds of riders come together from all over the world to make new friendships, enjoy the unparalleled camaraderie of the Ride community and raise money to help end T1D. We want a cure and we won't stop until we make one a reality. Along the way, we will continue to support advances that make it safer and easier to live with this disease. By taking part in JDRF Ride to Cure Diabetes, you’ll help us get there faster.

Code Copied
Copy Code 
<div class="spirit-long-form-text">
    <blockquote class="spirit-pull-quote-left">Nearly $2.5 billion in federal funding has gone into type 1 diabetes research since SDP began. </blockquote>
    <p>Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone. There are six 2018 JDRF Rides across the country. Each of the Rides, which occur August through November, offer a unique and unforgettable experience. From riding the rolling hills of upstate New York to the desert of Santa Fe, JDRF has a Ride for you. JDRF is the leading global organization funding T1D research.</p>
    <blockquote class="spirit-pull-quote-right">The JDRF Ride has raised more than $47 million for research to deliver life-changing therapies and, one day, a cure for type 1 diabetes (T1D). </blockquote>
    <p>JDRF Ride to Cure Diabetes is a charitable bike ride that to-date has raised over $47 million for type 1 diabetes (T1D) research. The Ride gives cyclists of all ages and skill levels the opportunity to support breakthroughs that transform the lives of people with T1D, until there is a cure. JDRF Ride isn’t just a bike ride: it’s an experience where hundreds of riders come together from all over the world to make new friendships, enjoy the unparalleled camaraderie of the Ride community and raise money to help end T1D. We want a cure and we won't stop until we make one a reality. Along the way, we will continue to support advances that make it safer and easier to live with this disease. By taking part in JDRF Ride to Cure Diabetes, you’ll help us get there faster.</p>
</div>

Default

Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone.

The JDRF Ride has raised more than $47 million for research to deliver life-changing therapies and, one day, a cure for type 1 diabetes (T1D).

JDRF Ride to Cure Diabetes is a charitable bike ride that to-date has raised over $47 million for type 1 diabetes (T1D) research. The Ride gives cyclists of all ages and skill levels the opportunity to support breakthroughs that transform the lives of people with T1D, until there is a cure.

Code Copied
Copy Code 
<div class="spirit-long-form-text">
    <p>Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone. </p>
    <blockquote class="spirit-pull-quote">The JDRF Ride has raised more than $47 million for research to deliver life-changing therapies and, one day, a cure for type 1 diabetes (T1D). </blockquote>
    <p>JDRF Ride to Cure Diabetes is a charitable bike ride that to-date has raised over $47 million for type 1 diabetes (T1D) research. The Ride gives cyclists of all ages and skill levels the opportunity to support breakthroughs that transform the lives of people with T1D, until there is a cure. </p>
</div>

Center

Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone.

"JDRF is ... a strong force for change."

JDRF Ride to Cure Diabetes is a charitable bike ride that to-date has raised over $47 million for type 1 diabetes (T1D) research. The Ride gives cyclists of all ages and skill levels the opportunity to support breakthroughs that transform the lives of people with T1D, until there is a cure.

Code Copied
Copy Code 
<div class="spirit-long-form-text">
    <p>Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone. </p>
    <blockquote class="spirit-pull-quote-center">"JDRF is ... a strong force for change." </blockquote>
    <p>JDRF Ride to Cure Diabetes is a charitable bike ride that to-date has raised over $47 million for type 1 diabetes (T1D) research. The Ride gives cyclists of all ages and skill levels the opportunity to support breakthroughs that transform the lives of people with T1D, until there is a cure. </p>
</div>

Text Alignment

Text align left (default), right or center

Position text alignment with class modifiers. Alignment can be on set on a particular element or on the Long Form Text container.

Element Align - Default

Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone.

Code Copied
Copy Code 
<div class="spirit-long-form-text">
    <p>Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone. </p>
</div>

Element Align - Center

Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone.

Code Copied
Copy Code 
<div class="spirit-long-form-text">
    <p class="spirit-text-align--center">Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone. </p>
</div>

Element Align - Left

Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone.

Code Copied
Copy Code 
<div class="spirit-long-form-text">
    <p class="spirit-text-align--left">Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone. </p>
</div>

Element Align - Right

Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone.

Code Copied
Copy Code 
<div class="spirit-long-form-text">
    <p class="spirit-text-align--right">Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone. </p>
</div>

Alignment on LFT Container - Default

Type 1 diabetes hypoglycemia symptoms

So what are the low blood sugar symptoms you should look out for? It’s important to realize that the signs of low blood sugar will vary depending on the person. However, people with type 1 diabetes—whether it’s been diagnosed or not—may experience one or more of the following:

  • Sweating and shaking
  • Blurry vision
  • Poor coordination
  • Dizziness or feeling lightheaded

What to do if you experience low blood glucose symptoms

Severely low blood-sugar levels can lead to hypoglycemic seizures, unconsciousness, coma, and death if left untreated. That’s why it’s important to see a doctor if you think you have low blood sugar so he or she can check your blood-glucose levels—look into whether type 1 diabetes may be a cause—and provide the necessary treatment.

Code Copied
Copy Code 
<div class="spirit-long-form-text">
    <h2>Type 1 diabetes hypoglycemia symptoms</h2>
    <p>So what are the low blood sugar symptoms you should look out for? It’s important to realize that the signs of low blood sugar will vary depending on the person. However, people with type 1 diabetes—whether it’s been diagnosed or not—may experience one or more of the following:</p>
    <ul>
        <li>Sweating and shaking</li>
        <li>Blurry vision</li>
        <li>Poor coordination</li>
        <li>Dizziness or feeling lightheaded</li>
    </ul>
    <h3>What to do if you experience low blood glucose symptoms</h3>
    <p>Severely low blood-sugar levels can lead to hypoglycemic seizures, unconsciousness, coma, and death if left untreated. That’s why it’s important to see a doctor if you think you have low blood sugar so he or she can check your blood-glucose levels—look into whether type 1 diabetes may be a cause—and provide the necessary treatment.</p>
</div>

Alignment on LFT Container - Center

Type 1 diabetes hypoglycemia symptoms

So what are the low blood sugar symptoms you should look out for? It’s important to realize that the signs of low blood sugar will vary depending on the person. However, people with type 1 diabetes—whether it’s been diagnosed or not—may experience one or more of the following:

  • Sweating and shaking
  • Blurry vision
  • Poor coordination
  • Dizziness or feeling lightheaded

What to do if you experience low blood glucose symptoms

Severely low blood-sugar levels can lead to hypoglycemic seizures, unconsciousness, coma, and death if left untreated. That’s why it’s important to see a doctor if you think you have low blood sugar so he or she can check your blood-glucose levels—look into whether type 1 diabetes may be a cause—and provide the necessary treatment.

Code Copied
Copy Code 
<div class="spirit-long-form-text spirit-text-align--center">
    <h2>Type 1 diabetes hypoglycemia symptoms</h2>
    <p>So what are the low blood sugar symptoms you should look out for? It’s important to realize that the signs of low blood sugar will vary depending on the person. However, people with type 1 diabetes—whether it’s been diagnosed or not—may experience one or more of the following:</p>
    <ul>
        <li>Sweating and shaking</li>
        <li>Blurry vision</li>
        <li>Poor coordination</li>
        <li>Dizziness or feeling lightheaded</li>
    </ul>
    <h3>What to do if you experience low blood glucose symptoms</h3>
    <p>Severely low blood-sugar levels can lead to hypoglycemic seizures, unconsciousness, coma, and death if left untreated. That’s why it’s important to see a doctor if you think you have low blood sugar so he or she can check your blood-glucose levels—look into whether type 1 diabetes may be a cause—and provide the necessary treatment.</p>
</div>

Alignment on LFT Container - Left

Type 1 diabetes hypoglycemia symptoms

So what are the low blood sugar symptoms you should look out for? It’s important to realize that the signs of low blood sugar will vary depending on the person. However, people with type 1 diabetes—whether it’s been diagnosed or not—may experience one or more of the following:

  • Sweating and shaking
  • Blurry vision
  • Poor coordination
  • Dizziness or feeling lightheaded

What to do if you experience low blood glucose symptoms

Severely low blood-sugar levels can lead to hypoglycemic seizures, unconsciousness, coma, and death if left untreated. That’s why it’s important to see a doctor if you think you have low blood sugar so he or she can check your blood-glucose levels—look into whether type 1 diabetes may be a cause—and provide the necessary treatment.

Code Copied
Copy Code 
<div class="spirit-long-form-text spirit-text-align--left">
    <h2>Type 1 diabetes hypoglycemia symptoms</h2>
    <p>So what are the low blood sugar symptoms you should look out for? It’s important to realize that the signs of low blood sugar will vary depending on the person. However, people with type 1 diabetes—whether it’s been diagnosed or not—may experience one or more of the following:</p>
    <ul>
        <li>Sweating and shaking</li>
        <li>Blurry vision</li>
        <li>Poor coordination</li>
        <li>Dizziness or feeling lightheaded</li>
    </ul>
    <h3>What to do if you experience low blood glucose symptoms</h3>
    <p>Severely low blood-sugar levels can lead to hypoglycemic seizures, unconsciousness, coma, and death if left untreated. That’s why it’s important to see a doctor if you think you have low blood sugar so he or she can check your blood-glucose levels—look into whether type 1 diabetes may be a cause—and provide the necessary treatment.</p>
</div>

Alignment on LFT Container - Right

Type 1 diabetes hypoglycemia symptoms

So what are the low blood sugar symptoms you should look out for? It’s important to realize that the signs of low blood sugar will vary depending on the person. However, people with type 1 diabetes—whether it’s been diagnosed or not—may experience one or more of the following:

  • Sweating and shaking
  • Blurry vision
  • Poor coordination
  • Dizziness or feeling lightheaded

What to do if you experience low blood glucose symptoms

Severely low blood-sugar levels can lead to hypoglycemic seizures, unconsciousness, coma, and death if left untreated. That’s why it’s important to see a doctor if you think you have low blood sugar so he or she can check your blood-glucose levels—look into whether type 1 diabetes may be a cause—and provide the necessary treatment.

Code Copied
Copy Code 
<div class="spirit-long-form-text spirit-text-align--right">
    <h2>Type 1 diabetes hypoglycemia symptoms</h2>
    <p>So what are the low blood sugar symptoms you should look out for? It’s important to realize that the signs of low blood sugar will vary depending on the person. However, people with type 1 diabetes—whether it’s been diagnosed or not—may experience one or more of the following:</p>
    <ul>
        <li>Sweating and shaking</li>
        <li>Blurry vision</li>
        <li>Poor coordination</li>
        <li>Dizziness or feeling lightheaded</li>
    </ul>
    <h3>What to do if you experience low blood glucose symptoms</h3>
    <p>Severely low blood-sugar levels can lead to hypoglycemic seizures, unconsciousness, coma, and death if left untreated. That’s why it’s important to see a doctor if you think you have low blood sugar so he or she can check your blood-glucose levels—look into whether type 1 diabetes may be a cause—and provide the necessary treatment.</p>
</div>

Sizes

Spirit text size classes can be used in coordination with .spirit-long-form-text elements to control font sizing.

Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone.

Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone.

Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone.

Code Copied
Copy Code 
<div class="spirit-long-form-text">
    <p class="spirit-body-text-l">Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone.</p>
    <p class="spirit-body-text-m">Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone.</p>
    <p class="spirit-body-text-s">Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone.</p>
</div>

Wrapper Sizing

Additionally, specialized font size modifiers can be added to the .spirit-long-form-text wrappers to apply specific font sizing to contained <p> and <li> elements.

Wrapper Size Large (default)

Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone.

  • List item 1
  • List item 2 is very long so that it wraps List item 2 is very long so that it wraps List item 2 is very long so that it wraps List item 2 is very long so that it wraps
  • List item 3
    • Nested List item 1
  • List item 4
Code Copied
Copy Code 
<div class="spirit-long-form-text spirit-long-form-text--l">
    <p>Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone.</p>
    <ul>
        <li>List item 1</li>
        <li>List item 2 is very long so that it wraps List item 2 is very long so that it wraps List item 2 is very long so that it wraps List item 2 is very long so that it wraps </li>
        <li>List item 3 <ul>
                <li>Nested List item 1</li>
            </ul>
        </li>
        <li>List item 4</li>
    </ul>
</div>
Wrapper Size Medium

Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone.

  • List item 1
  • List item 2 is very long so that it wraps List item 2 is very long so that it wraps List item 2 is very long so that it wraps List item 2 is very long so that it wraps
  • List item 3
    • Nested List item 1
  • List item 4
Code Copied
Copy Code 
<div class="spirit-long-form-text spirit-long-form-text--m">
    <p>Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone.</p>
    <ul>
        <li>List item 1</li>
        <li>List item 2 is very long so that it wraps List item 2 is very long so that it wraps List item 2 is very long so that it wraps List item 2 is very long so that it wraps </li>
        <li>List item 3 <ul>
                <li>Nested List item 1</li>
            </ul>
        </li>
        <li>List item 4</li>
    </ul>
</div>
Wrapper Size Small

Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone.

  • List item 1
  • List item 2 is very long so that it wraps List item 2 is very long so that it wraps List item 2 is very long so that it wraps List item 2 is very long so that it wraps
  • List item 3
    • Nested List item 1
  • List item 4
Code Copied
Copy Code 
<div class="spirit-long-form-text spirit-long-form-text--s">
    <p>Over the decades, JDRF has funded myriad studies into the causes and progression of type 1 diabetes (T1D). The results have been incredible, helping to unlock the science that is moving us closer to prevention and a cure. We know that T1D doesn’t develop the same way in everyone.</p>
    <ul>
        <li>List item 1</li>
        <li>List item 2 is very long so that it wraps List item 2 is very long so that it wraps List item 2 is very long so that it wraps List item 2 is very long so that it wraps </li>
        <li>List item 3 <ul>
                <li>Nested List item 1</li>
            </ul>
        </li>
        <li>List item 4</li>
    </ul>
</div>

Code Reference

Class Reference

Class Applies to Outcome

.spirit-text-align--center

.spirit-long-form-text or contained element

Aligns text center.

.spirit-text-align--left

.spirit-long-form-text or contained element

Aligns text left.

.spirit-text-align--right

.spirit-long-form-text or contained element

Aligns text right.

.spirit-body-text-l

.spirit-long-form-text contained element (i.e. <p> or <li>)

Applies large (default) text sizing to element with class.

.spirit-body-text-m

.spirit-long-form-text contained element (i.e. <p> or <li>)

Applies medium text sizing to element with class.

.spirit-body-text-s

.spirit-long-form-text contained element (i.e. <p> or <li>)

Applies small text sizing to element with class.

.spirit-long-form-text--l

.spirit-long-form-text

Applies large (default) text sizing (.spirit-body-text-l) to contained <p> and <li> elements.

.spirit-long-form-text--m

.spirit-long-form-text

Applies medium text sizing (.spirit-body-text-l) to contained <p> and <li> elements.

.spirit-long-form-text--l

.spirit-long-form-text

Applies small text sizing (.spirit-body-text-l) to contained <p> and <li> elements.