#CODEKIT INDEX.HBS CODE#

You can simply write 'starter.scss' in any project's stylesheet and CodeKit will magically make it work. Let's say you have a file called starter.scss in your Framework. Put your custom files in a folder, then add that folder to CodeKit as a CodeKit Framework. You lose track of which project has the latest version and so on. But when you change something in one place, you've got to remember to copy those changes to all the other projects. Normally, you'd copy these files into each new project.

#CODEKIT INDEX.HBS CODE#

You have some code that you use in every project-a starter Sass stylesheet or maybe a JavaScript file with custom functions.

Close Topics First Steps: Getting Started Live-Reload Browsers Browser Sync Set Language Options Set Output Paths & Action Second Steps: Defaults For New Projects Build Your Project Set Target Browsers Stuff To Know: CodeKit + Git Troubleshooting License Recovery PostCSS Tools: Autoprefixer PurgeCSS CSSO Custom PostCSS Plugins Other Tools: npm Babel - (JS Transpiler) Terser - (JS Minifier) Rollup - (JS Bundler) Cache-Buster HTML-Minifier Libsass Bless Languages: Sass Less Stylus JavaScript CoffeeScript TypeScript Pug Haml Slim Kit Markdown JSON Image Optimizers: WebP PNG JPEG SVG GIF Frameworks: CodeKit Frameworks Tailwind Bootstrap Bourbon Bitters Zurb Foundation Susy Nib Jeet Syntax Checkers: ESLint Advanced: Hooks Environment Variables Adding Custom Languages Team Workflows Scripting CodeKit Editor Plugins: Nova Atom Sublime Text Coda 2 More Read-Only Mode Upgrading From 2.0 FAQ What Are They?ĬodeKit Frameworks are simply groups of files that are shared across all your projects.

Codekit index.hbs