CodyHouse

A new approach to visibility utility classes based on CSS Variables

Introducing CodyHouse’s Framework and Components

A closer look at our new Design System project.

Create your design system, part 6: Buttons

Buttons are the most important interactive components used by the users to perform…

Create your design system, part 5: Icons

In this article, we’ll take a look at how to include icons in your design system, with some additional CSS techniques to customize them according to your needs.

Create your design system, part 4: Spacing

In this article we’ll take a look at how to set a spacing system in CSS, and how to take advantage of relative units to handle responsiveness.

Create your design system, part 3: Colors

In this article, we’ll take a look at how to set a color system in CSS, and what are the best practices to make sure the system is easy to use and maintain.

Line-height Crop — a simple CSS formula to remove top space from your text

It’s a natural behavior of text elements to include some space on top (and bottom) of the element itself based on its line-height value. In some cases, you may need to remove those spaces as they can…

Speed up alignment in CSS with Flexbox utility classes

Create your design system, part 2: Grid & Layout