How To Use SassyStudio

_account.scss

// this is a partial file. when you save this file, no .css file will be created for it as it's intent is only to be
// @include'd in other files.
//
// SassyStudio will, however, recognize that this file is included in root.scss, so when this file is saved, it will re-generate
// root.css for you.
.account {
  .page-title {
    font-size: 1.5em;
  }
}

root.scss

// here we have a root sass file. anytime you save this file, SassyStudio will emit a single file named root.css
body {
  font-size: 1em
}

// here we reference our partials. we are using the shorthand syntax which does not require you to specify the _ prefix
// for partials, or the .scss file extension
@include "account";