Skip to content

Featuring absolutely nothing beyond a base HTML5 template and the essential setup to watch and compile your Sass alongside 11ty.

Notifications You must be signed in to change notification settings

woodcox/11ty-sass-skeleton

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

logo

11ty Sass Skeleton

Featuring absolutely nothing beyond a base HTML5 template and the essential setup to watch and compile your Sass alongside 11ty.

Includes minifiying and autoprefixing of styles postbuild using Lightning CSS. If you have different preferred browser targets, be sure to modify both the package browserslist and the value of --target within the postbuild script.

Created by @5t3ph

Development Scripts

npm start

Run 11ty with hot reload at localhost:8080, including reload based on Sass changes

npm run build

Production build includes minified, autoprefixed CSS

Use this as the "Publish command" if needed by hosting such as Netlify.

Resources to extend this and learn 11ty

Ensure accessible colors by adding my a11y-color-tokens package

Learn to build an 11ty site in 20 mins with my egghead video course and see how to add a blog and custom data.

Add auto-generated social media images with my plugin

Explore advanced setup of custom data through my tutorial on building a community site

For a more full-featured starter check out my 11ty Netlify Jumpstart (also works for hosts other than Netlify).

About

Featuring absolutely nothing beyond a base HTML5 template and the essential setup to watch and compile your Sass alongside 11ty.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Nunjucks 61.6%
  • JavaScript 28.0%
  • SCSS 10.4%