Component Library

paragraph: Default 

<p class="paragraph  ">Paragraph text lorem ipsum dolor sit, amet consectetur adipisicing elit labore</p>
 
<p class="paragraph {{ modifier }} {{ class }}">{{{ text }}}</p>
 
{
  "text": "Paragraph text lorem ipsum dolor sit, amet consectetur adipisicing elit labore"
}
  • Content: 
    /*
* Element: paragraphs
*/

/*Setting document variables*/
:root {
    --pageheader-color: var(--color-white);
}

.paragraph {
    margin-top: 0;
    margin-bottom: 15px;

    &--pageheader {
        color: var(--pageheader-color);
        margin-top: 0;
        text-shadow: 1px 1px 1px #333;
    }
}
  • URL: /components/raw/paragraph/paragraph.css
  • Filesystem Path: src/01-atoms/paragraph/paragraph.css
  • Size: 303 Bytes

There are no notes for this item.