Spacing Rules

Category Basic components

Spacing variables examples and the global siblings custom spacing rules (these are just the defaults, the margins can be overridden manually for each block from the editor controls)

---

General Rules

1. Block (Wide width) + Block (Wide width) – 60/XL

2. Block (Wide width) + Block (Content width) – 60/XL

3. Block (Content width) + Block (Wide width) – 60/LX

4. Block (Content width) + Block (Content width) – 40/M

5. Stack + Stack + Stack – 40/M

Uncategorized

Youtube video

Lorem ipsum dolor sit amet consectetur adipiscing elit ac nulla ridiculus nunc metus, pellentesque nibh quisque ad conubia at augue est …

Autisme

Title comes here

Kombinerte syns- og hørselstap

Hvordan legge til rette for lek og utforsking?

Det er vanlig at elever som trenger hjelpemidler i skolehverdagen ikke ønsker å bruke dem i perioder.

DLD

Hvilket språk bør flerspråklige foreldre snakke med sine barn?

Det enkle svaret er at flerspråklige foreldre bør snakke det språket som de mestrer best og som det føles mest naturlig for dem å bruke …

Dysleksi

Hvordan velge riktige tiltak for elever med dysleksi?

Elever med dysleksi trenger eksplisitt, systematisk og individuelt tilpasset undervisning for å lære å lese og skrive. Sånn finner du …

Norsk tegnspråk

Hvordan komme i gang med tegnspråk i barnehagen?

Har du et barn som har rett på tegnspråkopplæring uten at barnehagen har fått tak i tegnspråkkompetanse? Det trenger ikke å være så …

Exception Rules

1. H1 + Ingress – 30/S

H1 Title

Ingress Block Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

2. H2-H6 + Wide-width Block – 40/M

H2 Title

H3 Title

H4 Title

H5 Title

H6 Title

3. H2-H6 + Content-width Block – 30/S

H2 Title

H3 Title

H4 Title

H5 Title

H6 Title

4. Paragraph + Paragraph – 30/S

Paragraph Block Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Paragraph Block Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

5. Paragraph + Button – 30/S

Content Width Block Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

6. Paragraph + List – 30/S

Paragraph Block Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

• List 1 – Item 1 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
• List 1 – Item 2 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
• List 1 – Item 3 Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

7. List + List – 20/XS

• List 1 – Item 1 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
• List 1 – Item 2 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
• List 1 – Item 3 Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

• List 2 – Item 1 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
• List 2 – Item 2 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
• List 2 – Item 3 Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

8. List + Paragraph – 30/S

• List 1 – Item 1 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
• List 1 – Item 2 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
• List 1 – Item 3 Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Paragraph Block Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

9. H2 Title + Paragraph – 20/XS

H2 Title

Paragraph Block Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

10. H3-H6 Title + Paragraph – 8/3XS

H3 Title

Paragraph Block Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

H4 Title

Paragraph Block Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

H5 Title

Paragraph Block Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

H6 Title

Paragraph Block Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

11. Title + List – 20/XS

Spacing Rules

• List 1 – Item 1 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
• List 1 – Item 2 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
• List 1 – Item 3 Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

12. Link List + Link List – 40/M

• Link List 1 – Item 1 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
• Link List 1 – Item 2 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
• Link List 1 – Item 3 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
• Link List 1 – Item 4 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

• Link List 2 – Item 1 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
• Link List 2 – Item 2 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

13. Card + Card – 40/M

Ervervet hjerneskade

Hvordan oppdage kognitive vansker?

Kognitive vansker er ofte usynlige, kan være vanskelige å gjenkjenne og har stor betydning for fungering i barnehage, skole.

Kombinerte syns- og hørselstap

Undervisning i klasserom eller gruppe

Barn med kombinerte syns- og hørselstap eller døvblindhet skal kunne delta i skolehverdagen på lik linje med andre barn.  

Autisme

Hvordan legge til rette for medvirkning?

For elever som har neuroutviklingsforstyrrelser er det særlig viktig å finne alternative måter å forstå og ivareta deres perspektiv.

Syn

Sånn legger du til rette for inkluderende praksis

Hvordan kan du gå fram når du skal legge til rette for faglig og sosialt samspill når eleven har en synsnedsettelse?

Syn

Hvordan forberede barnet på punktskrift

Her er noen råd til hvordan du i barnehagen kan stimulere til bevissthet rundt skriftspråk og forberede barnet på å lære punktskrift.

ASK

Hvordan komme i gang med ASK?

ASK er et funksjonelt språk og en måte å uttrykke seg på for den som mangler talespråk.