Jekyll Variable in SCSS Files

You can use Jekyll site variables in top-level SCSS files. For example:

$baseurl: '{{ site.baseurl }}';

@import 'fonts';

These site variables will also visible in partials that are imported after it:

// _fonts.scss

@font-face {
  src: url($baseurl + "/assets/fonts/font.eot");
  ...
}