We're performing some maintenance. If you're experiencing any issues please reach out via Slack
Go to Slack
Your payment method has expired. Update your billing details to regain access to premium features.
Manage Billing
Changelog
Updates and improvements to Relume.
Stay in the loop with the latest updates
Jan 9, 2024
HTML + Rich Text linked to Variables
Body (All Pages)
Text Color >
text color primary
Body (All Pages)
Background Color >
background color primary
All Links
>
link color primary
All Block Quotes
Left Border >
text color primary
Rich Text >
All Figure Captions
Left Border >
text color primary
Classes linked to Variables
Text Color
.text-style-link
>
link color primary
.text-style-quote
Left Border >
text color primary
.text-color-black
>
color-neutral-black
.text-color-white
>
color-neutral-white
.text-color-primary
>
text-color-primary
.text-color-secondary
>
text-color-secondary
.text-color-alternate
>
text-color-alternate
Background Color
.background-color-black
>
color-neutral-black
.background-color-white
>
color-neutral-white
.background-color-primary
>
background-color-primary
.background-color-secondary
>
background-color-secondary
.background-color-tertiary
>
background-color-tertiary
.background-color-alternative
>
background-color-alternate
Button Color
.button
Text Color >
color-neutral-white
Background Color >
color-neutral-black
Background Color >
color-neutral-black
Borders All >
color-neutral-black
.button
.is-secondary
Text Color >
color-neutral-black
.button
.is-tertiary
Text Color >
color-neutral-black
.button
.is-link
Text Color >
color-neutral-black
.button
.is-alternate
Text Color >
color-neutral-black
Background Color >
color-neutral-white
Borders All >
color-neutral-white
.button
.is-secondary
.is-alternate
Text Color >
color-neutral-black
Background Color >
color-neutral-white
Borders All >
inherit
.button
.is-link
.is-alternate
Text Color >
color-neutral-white
Forms
.form_input
Text Color >
color-neutral-black
Background Color >
color-neutral-white
Borders All >
color-neutral-black
.form_checkbox-icon
Borders All >
color-neutral-black
.form_radio-icon
Borders All >
color-neutral-black
Global Styles
Added > .inherit-color code (below) to Global Styles component in order to override children colors of parent element.
/* Set color style to inherit
*/.inherit-color * { color: inherit;
}
*/.inherit-color * { color: inherit;
}
/* Set color style to inherit */.inherit-color * {color: inherit;}Removed >
.div-square::after
Classes
General
All Links
Borders All Decoration None
All Links
When nested inside
.text-rich-text
remove underline style override
.button
>
Typography Style no underline
.button
.is-alternate
>
Add white border to All Borders
Utility
Removed >
.background-color-gray
.background-color-black
inherit Text Color from
Body (All Pages)
.pointer-events-off
>
.pointer-events-none
.pointer-events-on
>
.pointer-events-auto
Easily add Ratios to images and elements with ready to go utility classes
Added
>
.aspect-ratio-square
=
Ratio Square (1:1)
Added >
.aspect-ratio-portrait
=
Ratio Portrait (2:3)
Added >
.aspect-ratio-landscape
=
Ratio Landscape (3:2)
Added >
.aspect-ratio-widescreen
=
Ratio Widescreen (16:9)
Forms
.form_input
>
Border Radius 0px
.form-block
>
.form_form
.form-input
>
.form_input
.form-field-label
>
.form_field-label
.form-checkbox
>
.form_checkbox
.form-checkbox-icon
>
.form_checkbox-icon
.form-checkbox-label
>
.form_checkbox-label
.form-radio
>
.form_radio
.form-radio-icon
>
.form_radio-icon
.form-radio-label
>
.form_radio-label
.form-field-wrapper
>
.form_field-wrapper
.form-field-2col
>
.form_field-2col
.form-icon-wrapper
>
.form_icon-wrapper
.form-radio-2col
>
.form_radio-2col
To make editing form success and error states easier we created the following classes
Added
>
.form_success-message-wrapper
Added
>
.form_success-message-content
Added
>
.error-message-wrapper
Added
>
.error-message-content
Join our awesome community
Share work, seek support, vote on components, stay updated and network with other Lumers.
Chrome ExtensionLibrariesAll ComponentsNew ComponentsPage TemplatesUI ElementsInspirationProvide FeedbackWhat's NewPricingFAQ
Submit requests on Slack
Have any requests or suggestions that would make Relume Library more useful for you? Join our Slack community and share them to the channel #component-requests.
Untitled UIRequest ComponentsCommunity LoveShowcaseVoting Board
Submit requests on Slack
Have any requests or suggestions that would make Relume Library more useful for you? Join our Slack community and share them to the channel #component-requests.
Slack
Hire a Relume Expert
Become a Relume Expert
Become an Affiliate
Relume University
Style Guide
Client-First Docs
SupportSupport
All support for the Relume is provided through Slack. To get assistance, please join our Slack community and send a preview link of your Webflow project along with a description of your problem to one of our experts. We will review your issue and guide you through a solution.
For account-related issues, please contact [email protected].
For account-related issues, please contact [email protected].