mirror of
https://github.com/danog/sass-site.git
synced 2024-12-03 18:07:58 +01:00
29 lines
627 B
Plaintext
29 lines
627 B
Plaintext
---
|
|
title: Layouts & Grid
|
|
introduction: >
|
|
We use a flex-box grid.
|
|
breakpoints:
|
|
- name: small
|
|
size: 30em (480px)
|
|
- name: medium
|
|
size: 40em (640px)
|
|
- name: large
|
|
size: 60em (960px)
|
|
- name: x-large
|
|
size: 80em (1280px)
|
|
---
|
|
|
|
%h2 Other Tools & Resources
|
|
|
|
%ul.list-feature
|
|
%li= link_to 'The EMs have it: Proportional Media Queries FTW!', 'http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/'
|
|
|
|
%h2 Breakpoints
|
|
|
|
- current_page.data.breakpoints.each do |breakpoint|
|
|
%dl.guide-description-list
|
|
%dt
|
|
%code= '@include sl-breakpoint--' + breakpoint.name
|
|
|
|
%dd= breakpoint.size
|