section.section

Header h2

Header h3

Header h4

Header h5
Header h6

Paragraphs with quote, strong and em tags.

This is content in the formatted wysiwyg section (.section--formatted). It overwrites some of the basic styles, mainly lists. This part is a paragraph with a strong tag and some italic content.

Here is another paragraph inside .formatted--section with another cite and here is a link to Google. Another cool thing is that we can wrap a word or more text into span with the class .silent or .loud to give them some extra visual meening.

This is a blockquote

Notifications

.error gives this color.

.warning gives this color.

.success gives this color.

.notification-block--error   .notification-block--warning   .notification-block--success

Buttons

 

 

 

 

 

section.section--inverted

Header h2

Header h3

Header h4

Header h5
Header h6

Paragraphs with quote, strong and em tags.

This is content in the formatted wysiwyg section (.section--formatted). It overwrites some of the basic styles, mainly lists. This part is a paragraph with a strong tag and some italic content.

Here is another paragraph inside .formatted--section with another cite and here is a link to Google. Another cool thing is that we can wrap a word or more text into span with the class .silent or .loud to give them some extra visual meening.

This is a blockquote

Notifications

.error gives this color.

.warning gives this color.

.success gives this color.

.notification-block--error .notification-block--warning .notification-block--success

Buttons

 

 

 

 

 

section.section--formatted

Lists

  1. Ordered list item
  2. has list-style-type
  3. only in .section--formatted area.

Nyhetsbrev

Följ oss