Browse Source

README: add note about responsive styles

restyle-spring-2019
Annika Backstrom 3 months ago
parent
commit
0c82b5d7ff
1 changed files with 11 additions and 0 deletions
  1. 11
    0
      README.md

+ 11
- 0
README.md View File

@@ -20,6 +20,17 @@ If you make content or theme changes and want to regenerate the site, re-run the
20 20
 
21 21
     $ docker-compose run pelican
22 22
 
23
+## Responsive CSS
24
+
25
+[@include-media](https://include-media.com) is used for responsive CSS. To use
26
+this library, include one of the following directives in your SCSS file:
27
+
28
+* `@include media('>tablet')` -- 768px and above
29
+* `@include media('>desktop')` -- 1024px and above
30
+
31
+By convention, styles should be mobile-first, with overrides at and above
32
+certain breakpoints.
33
+
23 34
 ## Article Templates
24 35
 
25 36
 A template article exists in `templates/article.md`. If you use Vim, you

Loading…
Cancel
Save