Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
{"agency_base_standard_classes":{"standard_class_group":[{"group_name":"Breakpoints (Reference Only)","classes":[{"class":"s","description":"Mobile (up to 480px)"},{"class":"m","description":"Mobile (up to 768px)"},{"class":"l","description":"Tablet (up to 992px)"},{"class":"xl","description":"Small Desktop (up to 1400px)"}]},{"group_name":"Columns - Gaps & Grow","classes":[{"class":"c-columns-gap-s","description":"Small columns gap"},{"class":"c-columns-gap-m","description":"Medium columns gap"},{"class":"c-columns-gap-l","description":"Large columns gap"},{"class":"c-columns-gap-xl","description":"Extra large columns gap"},{"class":"c-columns-gap-xxl","description":"Extra-extra large columns gap"},{"class":"c-column-grow","description":"Grow column to second column"},{"class":"c-row-grow","description":"Grow column to second row"}]},{"group_name":"Columns - Desktop","classes":[{"class":"c-columns-6"},{"class":"c-columns-5"},{"class":"c-columns-4"},{"class":"c-columns-3"},{"class":"c-columns-2"},{"class":"c-columns-3-2","description":"3 parts to 2 parts"},{"class":"c-columns-2-3","description":"2 parts to 3 parts"},{"class":"c-columns-1-2","description":"1 part to 2 parts"},{"class":"c-columns-2-1","description":"2 parts to 1 part"},{"class":"c-columns-3-1","description":"3 parts to 1 part"},{"class":"c-columns-1-3","description":"1 part to 3 parts"},{"class":"c-columns-2-auto","description":"2 columns that are measured automatically. Useful for row layout with icon and text."}]},{"group_name":"Columns - Laptop","classes":[{"class":"c-columns-xl-5"},{"class":"c-columns-xl-4"},{"class":"c-columns-xl-3"},{"class":"c-columns-xl-2"},{"class":"c-columns-xl-1"}]},{"group_name":"Columns - Tablet","classes":[{"class":"c-columns-l-4"},{"class":"c-columns-l-3"},{"class":"c-columns-l-2"},{"class":"c-columns-l-1"}]},{"group_name":"Columns - Mobile Landscape","classes":[{"class":"c-columns-m-3"},{"class":"c-columns-m-2"},{"class":"c-columns-m-1"}]},{"group_name":"Columns - Mobile Portrait","classes":[{"class":"c-columns-s-2"},{"class":"c-columns-s-1"}]},{"group_name":"Margin","classes":[{"class":"c-margin-bottom-xs"},{"class":"c-margin-bottom-s"},{"class":"c-margin-bottom-m"},{"class":"c-margin-bottom-l"},{"class":"c-margin-bottom-xl"},{"class":"c-margin-right-xs"},{"class":"c-margin-right-s"},{"class":"c-margin-right-m"},{"class":"c-margin-right-l"},{"class":"c-margin-right-xl"}]},{"group_name":"Padding","classes":[{"class":"c-padding-xs"},{"class":"c-padding-s"},{"class":"c-padding-m"},{"class":"c-padding-l"},{"class":"c-padding-xl"}]},{"group_name":"Background Colors","classes":[{"class":"c-bg-light"},{"class":"c-bg-light-alt"},{"class":"c-bg-dark"},{"class":"c-bg-dark-alt"},{"class":"c-bg-accent"},{"class":"c-bg-accent-alt"},{"class":"c-bg-gradient"}]},{"group_name":"Headings","classes":[{"class":"c-h1"},{"class":"c-h1-fat"},{"class":"c-h2"},{"class":"c-h3"},{"class":"c-h4"},{"class":"c-h5"},{"class":"c-h6"},{"class":"c-heading-light"},{"class":"c-heading-dark"},{"class":"c-heading-accent"}]},{"group_name":"Text","classes":[{"class":"c-text-s"},{"class":"c-text-m"},{"class":"c-text-l"},{"class":"c-text-xl"},{"class":"c-text-light"},{"class":"c-text-dark"},{"class":"c-text-accent"}]},{"group_name":"Buttons","classes":[{"class":"c-btn-main"},{"class":"c-btn-alt"},{"class":"c-btn-transparent"},{"class":"c-transition"},{"class":"c-btn-s"},{"class":"c-btn-m"},{"class":"c-btn-l"},{"class":"c-btn-xl"}]},{"group_name":"Icons","classes":[{"class":"c-icon-accent-s"},{"class":"c-icon-accent-m"},{"class":"c-icon-accent-l"},{"class":"c-icon-light-s"},{"class":"c-icon-light-m"},{"class":"c-icon-light-l"},{"class":"c-icon-dark-s"},{"class":"c-icon-dark-m"},{"class":"c-icon-dark-l"}]},{"group_name":"Cards","classes":[{"class":"c-card-accent"},{"class":"c-card-dark"},{"class":"c-card-light"}]},{"group_name":"Avatars \/ Portraits","classes":[{"class":"c-avatar-xs"},{"class":"c-avatar-s"},{"class":"c-avatar-m"},{"class":"c-avatar-l"},{"class":"c-avatar-xl"},{"class":"c-avatar-full"}]},{"group_name":"Borders & Shadows","classes":[{"class":"c-rounded","description":"Border radius. Useful for images, etc."},{"class":"c-shadow","description":"Default shadow. Also useful for images or any other content."}]},{"group_name":"Shape Dividers","classes":[{"class":"c-shape-divider","description":"required to set the width, and will come defined with every shape divider."},{"class":"c-shape-size-s"},{"class":"c-shape-size-m"},{"class":"c-shape-size-l"},{"class":"c-shape-size-xl"},{"class":"c-shape-size-xxl"}]},{"group_name":"Shape Divider - Colors","classes":[{"class":"c-shape-accent"},{"class":"c-shape-accent-alt"},{"class":"c-shape-light"},{"class":"c-shape-light-alt"},{"class":"c-shape-dark"},{"class":"c-shape-dark-alt"}]},{"group_name":"Shape Divider - Backgrounds","classes":[{"class":"c-bg-accent"},{"class":"c-bg-accent-alt"},{"class":"c-bg-light"},{"class":"c-bg-light-alt"},{"class":"c-bg-dark"},{"class":"c-bg-dark-alt"}]}],"enable":1}}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.