Styleguide
A core reference for styles and common components used in Gastro theme.
Gastro
Styleguide
Colours controlled by the Global Swatch feature.
Default heading styles
Heading 1
Heading 2
Heading 3
Heading 4
Heading
five
Heading
five
Headings, body and other common text elements.
text
Style 1
Style 2
Style 3
Style 4
Style 5
Style 6
“We know how much productivity is important for students. For this reason we provide 30% educational discount.:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Inverted Button and links variations
Buttons and links
Various icons. Icon fill is inherited from the first parent element Text Colour.
General style and state variations for form inputs.
Various Section sizes
Section / No Padding
Section / Size S
48px
Section
96px
Section / Size L
144px
Section / Size XL
192px
BG White
BG Primary
BG Beige
Accordion Styles
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.