Styles are compiled using Gulp/PostCSS to polyfill future CSS spec. You'll need Node and Gulp installed globally. After that, from the theme's root directory:
$ yarn install $ yarn dev
Now you can edit
/assets/css/ files, which will be compiled to
zip Gulp task packages the theme files into
dist/<theme-name>.zip, which you can then upload to your site.
$ yarn zip
PostCSS Features Used
- Autoprefixer - Don't worry about writing browser prefixes of any kind, it's all done automatically with support for the latest 2 major versions of every browser.
- Variables - Simple pure CSS variables
- Color Function
Inline SVG icons are included via Handlebars partials. You can find all icons inside
/partials/icons. To use an icon just include the name of the relevant file, eg. To include the SVG icon in
/partials/icons/rss.hbs - use
You can add your own SVG icons in the same manner.
Copyright & License
Copyright (c) 2013-2019 Ghost Foundation - Released under the MIT license.