info

Get Help from a LiftKit Expert

arrow_forward
Get Help

Gaps

Choose a Starter Kit

Get started with LiftKit using one of the official starter kits for Webflow, Figma, or CSS.

Webflow 'w' Logo
Webflow

open_in_new

Figma 'F' logo
Figma

open_in_new

Github mark icon
GitHub

open_in_new

Quickstart

Get a feel for LiftKit by following along with this short tutorial.

Overview

Gaps work when applied to elements with one of the following classes:

  • .display__flex-h
  • .display__flex-v
  • .display__grid
Class Name CSS Properties
.gap__2xs 
  gap: var(--2xs);
.gap__xs 
  gap: var(--xs);
.gap__sm 
  gap: var(--sm);
.gap__md 
  gap: var(--md);
.gap__lg 
  gap: var(--lg);
.gap__xl 
  gap: var(--xl);
.gap__2xl 
  gap: var(--2xl);

Give Us Feedback

Click or tap to reveal form.
expand_more
check_circle
Success! An email has been sent to you with more details.
Please allow up to 5 minutes for it to arrive. Mailchimp can take a bit.
error
Error: Something went wrong. Email info@chainlift.io directly for assistance.

On This Page

Heading
Heading