Susy is a design-agnostic set of tools for creating powerful, custom layouts. We didn't want another grid system full of rules and restrictions, we wanted a power tool for building our own damn systems. Version Three is trimmed down to it's most basic components, functions that can be used to build any grid system. There are two imports to choose from. The default sass/susy comes with un-prefixed versions of the core API functions. If you want Susy to be name-spaced, import sass/susy-prefix instead. To add Susy to the Sass task, edit your Gruntfile.js at the root level of your project and look for the Sass-related rules. Add require: 'susy' inside the options object. Susy is also available in the CodeKit editor, with 10% of your purchase going to Black Girls Code when you follow the link from our site. You can also still access Susy2 documentation if necessary.

Features

  • Lightweight library of functions that can be used along with float, or flexbox or any other CSS
  • Susy is also available in the CodeKit editor
  • There are two imports to choose from
  • Design-agnostic set of tools for creating layouts
  • Build any grid system

Project Samples

Project Activity

See All Activity >

Categories

Design

License

BSD License

Follow Susy

Susy Web Site

Other Useful Business Software
$300 Free Credits to Build on Google Cloud Icon
$300 Free Credits to Build on Google Cloud

New customers can spin up VMs, build with AI, and query data at no cost.

Put your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
Start Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Susy!

Additional Project Details

Registered

2022-02-09