When these are rendered out in your Build folder they will become:
If you have multiple stylesheets in your project, you could use a wildcard with the tag to link to them all:
<!-- @stylesheet reset --> <!-- @stylesheet assets/css/* -->
This renders in your Build as:
<link rel="stylesheet" href="assets/css/reset.css"/> <link rel="stylesheet" href="assets/css/style.css" /> <link rel="stylesheet" href="assets/css/mobile.css" />
reset.css to be included twice so the * rule will ignore it because it's already been specified.
You can even reference multiple files:
<!-- @stylesheet reset normalize buttons style -->
In development mode, Hammer links your page to every stylesheet or script. Then, when you're ready to go live, just switch to Optimize mode, and Hammer will compress them all into one file.