refsheet - Een toffe job
Refsheet
Section Type: color1
Section Type: color2
Typography
This is a 1st level heading
This is 2nd level heading
This is a test paragraph.
This is 3rd level heading
This is a test paragraph.
This is 4th level heading
This is a test paragraph.
This is 5th level heading
This is a test paragraph, only a test paragraph.
This is a normal paragraph. To add some length to it, let us mention that this page was primarily written for testing the effect of user style sheets. You can use it for various other purposes as well, like just checking how your browser displays various HTML elements by default. It can also be useful when testing conversions from HTML format to other formats, since some elements can go wrong then.
This is another paragraph with an inline link. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.
Figures
add class "figure" to a paragraph to achieve this styling
Section Type: color3
Cards
Card
The Card fragment can be used to create:
- A static content card
- An interactive card (where the entire card is clickable). In this case the url from the read more link will be used
- A card with one or two CTA's
Card
The Card fragment can be used to create:
- A static content card
- An interactive card (where the entire card is clickable). In this case the url from the read more link will be used
- A card with one or two CTA's
Interactive Card w/o image
The Card fragment can be used to create:
- A static content card
- An interactive card (where the entire card is clickable). In this case the url from the read more link will be used
- A card with one or two CTA's
Card with alternative look
This card typically has no image, but still has all other options of the card-fragment. It should be used to make a card stand out from other cards.
Section Type: White
Buttons
Section Type: Dark
Collapsibles
Images
Image
Image-as-card
Quotes
A well-known quote, contained in a blockquote element.
A well-known quote, contained in a blockquote element and displayed as card.
Social icons
270
lorem Ipsum
1700
lorem Ipsum
180
lorem Ipsum