@finsweet/ts-utils/dist/webflow/css.js

Typescript utils for custom Webflow projects.

export const CURRENT_CSS_CLASS = 'w--current';
export const RICH_TEXT_BLOCK_CSS_CLASS = 'w-richtext';
export const HTML_EMBED_CSS_CLASS = 'w-embed';
export const SLIDER_CSS_CLASSES = {
    slider: 'w-slider',
    slide: 'w-slide',
    sliderMask: 'w-slider-mask',
    sliderNav: 'w-slider-nav',
    sliderDot: 'w-slider-dot',
    activeSliderDot: 'w-active',
};
export const TABS_CSS_CLASSES = {
    tabs: 'w-tabs',
    tabsContent: 'w-tab-content',
    tabPane: 'w-tab-pane',
    tabsMenu: 'w-tab-menu',
    tabLink: 'w-tab-link',
    activeTab: 'w--tab-active',
};
export const NAVBAR_CSS_CLASSES = {
    navMenu: 'w-nav-menu',
};
export const CMS_CSS_CLASSES = {
    wrapper: 'w-dyn-list',
    list: 'w-dyn-items',
    item: 'w-dyn-item',
    paginationWrapper: 'w-pagination-wrapper',
    paginationNext: 'w-pagination-next',
    paginationPrevious: 'w-pagination-previous',
    pageCount: 'w-page-count',
    emptyState: 'w-dyn-empty',
};
export const FORM_CSS_CLASSES = {
    formBlock: 'w-form',
    checkboxField: 'w-checkbox',
    checkboxInput: 'w-checkbox-input',
    radioField: 'w-radio',
    radioInput: 'w-radio-input',
    checkboxOrRadioLabel: 'w-form-label',
    checkboxOrRadioFocus: 'w--redirected-focus',
    checkboxOrRadioChecked: 'w--redirected-checked',
    successMessage: 'w-form-done',
    errorMessage: 'w-form-fail',
};
export const DROPDOWN_CSS_CLASSES = {
    dropdown: 'w-dropdown',
    dropdownToggle: 'w-dropdown-toggle',
    dropdownList: 'w-dropdown-list',
};
export const COMMERCE_CSS_CLASSES = {
    addToCartForm: 'w-commerce-commerceaddtocartform',
};
export const LIGHTBOX_CSS_CLASSES = {
    trigger: 'w-lightbox',
};