Meta tags:

Headings (most frequently used words):

susy, what, using, optional, install, files, legacy, susyone, support, that, it, how, does, the, magic, work,

Text of the page (most frequently used words):
susy (21), the (18), your (10), codekit (9), you (8), sass (8), project (6), import (5), version (4), files (4), #susyone (3), use (3), for (3), can (3), statement (3), with (3), from (3), will (3), set (3), support (2), this (2), new (2), projects (2), framework (2), file (2), where (2), installed (2), compiler (2), rather (2), than (2), install (2), updates (2), newer (2), they (2), when (2), copy (2), stylesheet (2), even (2), just (2), using (2), features (2), grid (2), plugins (2), custom (2), languages (2), frameworks (2), minifier (2), tools (2), postcss (2), browsers (2), steps (2), topics (2), privacy, policy, report, bug, email, follow, developer, twitter, made, san, diego, there, older, called, obviously, should, not, legacy, lock, current, installing, click, button, afterwards, update, relative, path, location, otherwise, still, one, future, include, releases, become, available, recompile, optional, contains, bundled, app, sees, above, tells, find, though, aren, how, does, magic, work, yes, start, category, feeling, lazy, settings, that, add, line, top, main, then, save, also, compatible, fast, compiling, libsass, designed, adapt, particular, markup, and, design, force, adopt, rigid, semantics, flexible, responsive, system, built, what, faq, upgrading, read, only, mode, more, coda, sublime, text, atom, nova, editor, scripting, team, workflows, adding, environment, variables, hooks, advanced, eslint, syntax, checkers, jeet, nib, zurb, foundation, bitters, bourbon, bootstrap, tailwind, gif, svg, jpeg, png, webp, image, optimizers, json, markdown, kit, slim, haml, pug, typescript, coffeescript, javascript, stylus, less, bless, lightningcss, html, cache, buster, rollup, bundler, terser, babel, transpiler, npm, other, purgecss, autoprefixer, license, recovery, troubleshooting, git, stuff, know, target, build, defaults, second, output, paths, action, language, options, browser, sync, live, reload, getting, started, first, close, view, buy, now, menu, about, help, videos,

Text of the page (random words):
codekit susy features videos help about updates menu buy now susy view topics 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 custom postcss plugins other tools npm babel js transpiler terser js minifier rollup js bundler cache buster html minifier lightningcss 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 s susy susy is a flexible responsive grid system built with sass susy is designed to adapt to your particular markup and design rather than force you to adopt the rigid semantics of a grid framework it s also compatible with libsass for fast compiling using susy just add this line to the top of your main sass stylesheet then save import susy that s it yes just start using susy features in your sass you can even copy the import statement from the susy category of project settings if you re feeling lazy how does the magic work codekit contains a bundled copy of susy when the app sees the above import statement in your stylesheet codekit tells the sass compiler where it can find susy s files even though they aren t in your project optional install susy files future codekit updates will include newer releases of susy as they become available when you recompile your sass file it will use the newer version of susy in codekit you can lock a project to the current version of susy by installing the framework s files in your project to do so click the install susy files button afterwards update the import susy statement with a relative path from your sass file to the location where you installed susy otherwise the sass compiler will still use the version of susy in codekit rather than the one you installed in your project legacy susyone support there is an older version of susy called susyone obviously you should not use this for new projects import susyone made in san diego ca follow the developer on twitter email support report a bug privacy policy