diff options
| author | Ben Burwell <ben@benburwell.com> | 2015-11-14 14:38:28 -0500 |
|---|---|---|
| committer | Ben Burwell <ben@benburwell.com> | 2015-11-14 14:38:28 -0500 |
| commit | 0d9ce29b25327f8b31040a7d945121ceaef6dc0d (patch) | |
| tree | c4dfa0ab427ddd0c97c8c398a07670d820e6474f /_posts/2015-01-15-optimizing-css.markdown | |
| parent | ce236fec927e1ca7991588a374607e53172844e6 (diff) | |
| parent | f20aae71dca254e6818632821fb19617985e1cf5 (diff) | |
Merge pull request #8 from benburwell/redesign
Site redesign (again)
Diffstat (limited to '_posts/2015-01-15-optimizing-css.markdown')
| -rw-r--r-- | _posts/2015-01-15-optimizing-css.markdown | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/_posts/2015-01-15-optimizing-css.markdown b/_posts/2015-01-15-optimizing-css.markdown index c2496f2..1f8e53a 100644 --- a/_posts/2015-01-15-optimizing-css.markdown +++ b/_posts/2015-01-15-optimizing-css.markdown @@ -30,6 +30,15 @@ On my site, I use a small stylesheet in the `<head>` to load my webfonts; this a If you're using Jekyll, you can pretty easily include a minified SCSS segment in your layouts. I keep my font stylesheet at `_includes/fonts.scss`, so I can use the following chunk of code to include the minified version: -{% gist bbaea7d51dd9ab9afa15 %} +{% highlight html %} +{% raw %} +<style type="text/css"> + {% capture fonts %} + {% include fonts.scss %} + {% endcapture %} + {{ fonts | scssify }} +</style> +{% endraw %} +{% endhighlight %} The minification is, of course, dependent on your `_config.yml`. You can [take a look at mine](https://github.com/benburwell/benburwell.github.io/blob/master/_config.yml) for reference. |