Class
.gbc-background with modifiers for global colors and the material colors .bg-succes, .bg-danger, bg-warning, bg-info, bg-transparant of is dat de default???
Include material colors into color system???
Hou rekening met accessability. Selecteer alleen de achtergrond tekst combinaties welke accesible zijn.
Use custom css to get the gradients in.
accent-3
accent-3-hover
base-3
accent-3-hover
Gradients .gbc-gradient–accent
.gbc-gradient–accent
.gbc-gradient–accent-2
.gbc-gradient–accent-3
Mix .gbc-gradient–accent
.gbc-gradient–accent .gbc-gradient–mix-accent-accent-2
.gbc-gradient–accent .gbc-gradient–mix-accent-accent-2
.gbc-gradient–accent .gbc-gradient-2–mix-accent-accent-3
Mix .gbc-gradient–accent-2
.gbc-gradient–accent-2 .gbc-gradient–mix-accent-accent-2
.gbc-gradient–accent-2 .gbc-gradient–mix-accent-accent-3
.gbc-gradient–accent-2 .gbc-gradient–mix-accent-2-accent-3
Mix .gbc-gradient–accent-3
–mix-accent-accent-2
–mix-accent-accent-3
–mix-accent-2-accent-3
GRADIENT OVERLAYS
Shadows
.box-shadow–default is a subtle ambient general-purpose shadow for cards and buttons
.box-shadow–3d: For more realistic, 3D effects on cards and buttons to be used with one color gradients to achieve skeuomorphic effect.
.box-shadow–action: Directs attention and is more action-oriented, with a heavier shadow at the bottom to guide focus towards the end.
