styleguide
Color Palette | Black & White
goc-...
blackbs1bs2bs3
whitews1ws2ws3ws4ws5ws6ws7ws8ws9ws10ws11
ws12ws13ws14ws15ws16ws17ws18ws19
Text Colors on light Background
Text Colors on dark Background
Icon List (Bricks Button)
got-icon-list | goo-icon-fix-y-d1 | goo-icon-align-top
link colors 0/1/2 - goc-l0/1/2
Typography
U-Classes
go-fs-xs1
go-fs-xs2
go-fs-xs3
go-fs-s1
go-fs-s2
go-fs-s3
go-fs-m1
go-fs-m2
go-fs-m3
go-fs-l1
go-fs-l2
go-fs-l3
go-fs-l4
go-fs-xl1
go-fs-xl2
go-fs-xl3
U-Classes
with Line Height
go-fs-xs1
GO-FS-XS1
GO-FS-XS1
go-fs-xs2
GO-FS-XS2
GO-FS-XS2
go-fs-xs3
GO-FS-XS3
GO-FS-XS3
go-fs-sm1
GO-FS-SM1
GO-FS-SM1
go-fs-sm2
GO-FS-SM2
GO-FS-SM2
go-fs-s3
GO-FS-M3
GO-FS-M3
go-fs-m1
GO-FS-M1
GO-FS-M1
go-fs-m2
GO-FS-M2
GO-FS-M2
go-fs-m3
GO-FS-M3
GO-FS-M3
go-fs-l1
GO-FS-L1
GO-FS-L1
go-fs-l2
GO-FS-L2
GO-FS-L2
go-fs-l3
GO-FS-L3
GO-FS-L3
go-fs-l4
GO-FS-L4
GO-FS-L4
go-fs-xl1
GO-FS-XL1
GO-FS-XL1
go-fs-xl2
GO-FS-XL2
GO-FS-XL2
go-fs-xl3
GO-FS-XL13
GO-FS-XL13
Headings 1-6
Heading 6
Heading 5
Heading 4
Heading 3
Heading 2
Heading 1
Heading 6
HEADING 6
Heading 5
HEADING 5
Heading 4
HEADING 4
Heading 3
HEADING 3
Heading 2
HEADING 2
Heading 1
HEADING 1
Paragraphs & Co.
max widths
go-max-w-Xe | e = for elements (considering side gap)
go-max-w-X | for inner-sections
go-max-w-1e
go-max-w-1
go-max-w-2e
go-max-w-2
go-max-w-3e
go-max-w-3
go-max-w-4e
go-max-w-4
go-max-w-5e
go-max-w-5
go-max-w-6
go-max-w-lX | large for inner-sections
go-max-w-l1
go-max-w-l2
go-max-w-l3
go-max-w-l4
go-max-w-l5
go-max-w-l6
Vertical Spacings
var(--go-yspace-x...) | go-py-x... | go-mt/mb-x | go-gap-x
yspace-1
yspace-2
yspace-3
yspace-4
yspace-5
yspace-6
yspace-7