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

You Might Also Like
Gen AI apps are built with MongoDB Atlas Icon
Gen AI apps are built with MongoDB Atlas

Build gen AI apps with an all-in-one modern database: MongoDB Atlas

MongoDB Atlas provides built-in vector search and a flexible document model so developers can build, scale, and run gen AI apps without stitching together multiple databases. From LLM integration to semantic search, Atlas simplifies your AI architecture—and it’s free to get started.
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