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
Slack でリクエストを送信
Relume Libraryをもっと便利にするようなリクエストや提案はありますか？私たちの Slack コミュニティに参加して、チャンネルで共有してください。 #component-リクエスト。
Untitled UIRequest ComponentsCommunity LoveShowcaseVoting Board
Slack でリクエストを送信
Relume Libraryをもっと便利にするようなリクエストや提案はありますか？私たちの Slack コミュニティに参加して、チャンネルで共有してください。 #component-リクエスト。
Slack
Hire a Relume Expert
Become a Relume Expert
Become an Affiliate
Relume University
Style Guide
Client-First Docs
Supportサポート
Relume のすべてのサポートは Slack を通じて提供されます。支援を受けるには、 私たちの Slack コミュニティに参加してください Webflowプロジェクトのプレビューリンクと問題の説明を当社の専門家に送信してください。問題を確認し、解決策をご案内します。
アカウント関連の問題については、お問い合わせください [email protected]。
アカウント関連の問題については、お問い合わせください [email protected]。