diff options
| author | Ben Burwell <ben@benburwell.com> | 2015-11-14 14:25:23 -0500 |
|---|---|---|
| committer | Ben Burwell <ben@benburwell.com> | 2015-11-14 14:25:23 -0500 |
| commit | 8856c415d16ae558609b615873826816c6718f42 (patch) | |
| tree | e7a3a83e7cf0fbb75da3fb1517046207917630b8 /_posts/2015-01-15-optimizing-css.markdown | |
| parent | ce236fec927e1ca7991588a374607e53172844e6 (diff) | |
redesign
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. |