| // SETTINGS | |
| $tiny-small: 360px !default; | |
| $tiny-medium: 480px !default; | |
| $tiny: 673px !default; // or 'em' if you prefer, of course | |
| $small: 768px !default; | |
| $medium: 1024px !default; | |
| $large: 1200px !default; | |
| $extra-large: 1350px !default; | |
| // Colors |
| // SETTINGS | |
| $tiny-small: 360px !default; | |
| $tiny-medium: 480px !default; | |
| $tiny: 673px !default; // or 'em' if you prefer, of course | |
| $small: 768px !default; | |
| $medium: 1024px !default; | |
| $large: 1200px !default; | |
| $extra-large: 1350px !default; | |
| // Colors |
| // SETTINGS | |
| $tiny-small: 360px !default; | |
| $tiny-medium: 480px !default; | |
| $tiny: 673px !default; // or 'em' if you prefer, of course | |
| $small: 768px !default; | |
| $medium: 1024px !default; | |
| $large: 1200px !default; | |
| $extra-large: 1350px !default; | |
| // Colors |
| // SETTINGS | |
| $tiny-small: 360px !default; | |
| $tiny-medium: 480px !default; | |
| $tiny: 673px !default; // or 'em' if you prefer, of course | |
| $small: 768px !default; | |
| $medium: 1024px !default; | |
| $large: 1200px !default; | |
| $extra-large: 1350px !default; | |
| // Colors |
| // SETTINGS | |
| $tiny-small: 360px !default; | |
| $tiny-medium: 480px !default; | |
| $tiny: 673px !default; // or 'em' if you prefer, of course | |
| $small: 768px !default; | |
| $medium: 1024px !default; | |
| $large: 1200px !default; | |
| $extra-large: 1350px !default; | |
| // Colors |
| // SETTINGS | |
| $tiny-small: 360px !default; | |
| $tiny-medium: 480px !default; | |
| $tiny: 673px !default; // or 'em' if you prefer, of course | |
| $small: 768px !default; | |
| $medium: 1024px !default; | |
| $large: 1200px !default; | |
| $extra-large: 1350px !default; | |
| // Colors |
All partials / components scss file can be "used" without relying about path
just by their namespace.
In a scss module we can load settings module only with @use 'settings',
without thinkink about path like '../path/to/settings'.
When creating sub-modules we can load the main setting file
only with @use 'settings' as * or @use 'settings' as brand (using a namespacing)
| Old Typeset | New |
|---|---|
| latino-50, latino-100, latino-200l, latino-200 | latino-100m |
| latino-100c, latino-100b, latino-200b | latino-100b |
| latino-275l, latino-300 | latino-300r |
| latino-275b, latino-300b | latino-300b |
| latino-275l, latino-300, latino-400 | latino-450r |
| latino-400b, latino-600, latino-600l, latino-600b, latino-650b, latino-700b | latino-600m |
| antonia-100, antonia-200 | antonia-750r |
| antonia-100i, antonia-200i | antonia-750i |