Fractal Starter
Project version : 0.1.2

Typography 

<h1>This is a title</h1>

<h2>This is a title</h2>

<h3>This is a title</h3>

<h4>This is a title</h4>

<h5>This is a title</h5>

<h6>This is a title</h6>

<span>This is a text line</span>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent porta mauris quis posuere eleifend. Ut ac lobortis tellus, nec fringilla sapien. Morbi ornare purus non felis hendrerit, eget finibus odio consequat. Donec ac elit laoreet, vulputate tellus
    in, malesuada sapien. Donec ut commodo nisi. Nulla ut porta diam, nec finibus est. Nullam at interdum est, a lacinia felis. Sed mattis leo massa, ut tempor orci tristique eget. Nulla turpis justo, vehicula et velit quis, pretium tempor nibh.</p>

<hr>

<h1>This is a title</h1>

<h2>This is a title</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent porta mauris quis posuere eleifend. Ut ac lobortis tellus, nec fringilla sapien. Morbi ornare purus non felis hendrerit, eget finibus odio consequat. Donec ac elit laoreet, vulputate tellus
    in, malesuada sapien. Donec ut commodo nisi. Nulla ut porta diam, nec finibus est. Nullam at interdum est, a lacinia felis. Sed mattis leo massa, ut tempor orci tristique eget. Nulla turpis justo, vehicula et velit quis, pretium tempor nibh.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent porta mauris quis posuere eleifend. Ut ac lobortis tellus, nec fringilla sapien. Morbi ornare purus non felis hendrerit, eget finibus odio consequat. Donec ac elit laoreet, vulputate tellus
    in, malesuada sapien. Donec ut commodo nisi. Nulla ut porta diam, nec finibus est. Nullam at interdum est, a lacinia felis. Sed mattis leo massa, ut tempor orci tristique eget. Nulla turpis justo, vehicula et velit quis, pretium tempor nibh.</p>

<h2>This is a title</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent porta mauris quis posuere eleifend. Ut ac lobortis tellus, nec fringilla sapien. Morbi ornare purus non felis hendrerit, eget finibus odio consequat. Donec ac elit laoreet, vulputate tellus
    in, malesuada sapien. Donec ut commodo nisi. Nulla ut porta diam, nec finibus est. Nullam at interdum est, a lacinia felis. Sed mattis leo massa, ut tempor orci tristique eget. Nulla turpis justo, vehicula et velit quis, pretium tempor nibh.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent porta mauris quis posuere eleifend. Ut ac lobortis tellus, nec fringilla sapien. Morbi ornare purus non felis hendrerit, eget finibus odio consequat. Donec ac elit laoreet, vulputate tellus
    in, malesuada sapien. Donec ut commodo nisi. Nulla ut porta diam, nec finibus est. Nullam at interdum est, a lacinia felis. Sed mattis leo massa, ut tempor orci tristique eget. Nulla turpis justo, vehicula et velit quis, pretium tempor nibh.</p>
 
{{ render '@heading' }} 

{{ render '@heading--h2' }}

{{ render '@heading--h3' }}

{{ render '@heading--h4' }}

{{ render '@heading--h5' }}

{{ render '@heading--h6' }}

{{ render '@text' }}

{{ render '@paragraph' }}

<hr>

{{ render '@heading' }} 

{{ render '@heading--h2' }}

{{ render '@paragraph' }}

{{ render '@paragraph' }}

{{ render '@heading--h2' }}

{{ render '@paragraph' }}

{{ render '@paragraph' }}
 
/* No context defined for this component. */
  • Content: 
    body {
   font-family: $font-secondary;
   //font-size: $font-size-m;
   color: $c-font-color;
   line-height: $font-lineheight-m;

   @include fluid-type($min_width, $max_width, $min_font, $max_font);

   // @include mediaWQuery($media-query-m){
   //     font-size: $font-size-m;
   //     font-size: calc(#{$font-size-m} + .15vw);
   // }

   // @include mediaWQuery($media-query-xl){
   //     font-size: $font-size-l;
   // }

   @include mediaHQuery(rem(480)) {
      line-height: $font-lineheight-l;
   }

   .aligncenter {
      text-align: center;
   }
}
  • URL: /components/raw/typography-global/_typography-global.scss
  • Filesystem Path: components/04-elements/01-typography/00-typography-global/_typography-global.scss
  • Size: 564 Bytes

There are no notes for this item.