# Components
This page presents the general design rules that apply for the 'legno' project, which can not be expressed by the components alone.
See menu on the left for details on specific components.
# Colors
| Hex |
|---|
# Fonts
Source Sans Pro Light
Source Sans Pro Regular
Source Sans Pro Semi-bold
Source Sans Pro Bold
font-family: "Source Sans Pro", Sans-Serif;font-weight: 300; //lightfont-weight: 400; //regularfont-weight: 600; //semi-boldfont-weight: 700; //boldThe font can be found on https://fonts.google.com/
# Grid
The grid system is entirely based on
flexboxgrid-sass.
with a few modifications - like prefixing the CSS class names with
legno and legno-grid so they don't clash with
CSS classes that may be defined in your project.
See components LegnoGridRow and LegnoGridCol for examples.
# Break Points
The breakpoints are difened by SCSS variable $flexboxgrid-breakpoints
in _grid.scss which you can override.
| xs | 320px |
| sm | 720px |
| md | 1024px |
| lg | 1440px |
| xl | 1920px |