TABLE OF CONTENTS

• Overview
• New Text Variables
  • Member Only Events
• New CSS Variables
  • Header Links
  • Calendar Page
  • Cart Page - Event Time Selectors
  • Member Only Events

Overview

The 11.22.0 Release introduces a variety of new variables to help you further optimize your eCommerce (B2C) site for your brand.

New Text Variables

Member Only Events

• "event-member-only-callout-membership-required": "Membership required",
• "event-member-only-callout-eligible-for-purchase": "Eligible for purchase",
• "event-member-only-callout-not-eligible-for-purchase": "Your membership is not eligible for this event",

New CSS Variables

Each variable is listed with the default value. 

Header Links

• "@header-navbar-margin": "auto",
• "@header-mobile-navbar-margin": "auto",
• "@header-mobile-cart-link-display": "inline-block",
• "@header-mobile-cart-link-background-color": "@header-nav-bg-color",

Calendar Page

• "@fluid-calendar-day-hover-border": "@fluid-calendar-day-border",
• "@fluid-calendar-day-active-border": "@fluid-calendar-day-border",
• "@fluid-calendar-day-active-hover-color": "@fluid-calendar-day-active-color",
• "@fluid-calendar-day-active-hover-bg-color": "@fluid-calendar-day-active-bg-color",
• "@fluid-calendar-day-active-hover-border": "@fluid-calendar-day-border",
• "@fluid-calendar-day-inactive-color": "@fluid-calendar-day-color",
• "@fluid-calendar-day-inactive-bg-color": "@fluid-calendar-day-bg-color",
• "@fluid-calendar-day-inactive-border": "@fluid-calendar-day-border",
• "@fluid-calendar-day-inactive-opacity": "0.5",
• "@fluid-calendar-day-inactive-hover-color": "@fluid-calendar-day-inactive-color",
• "@fluid-calendar-day-inactive-hover-bg-color": "@fluid-calendar-day-inactive-bg-color",
• "@fluid-calendar-day-inactive-hover-border": "@fluid-calendar-day-inactive-border",

Cart Page - Event Time Selectors

• "@event-time-default-color": "@event-time-bg-color",
• "@event-time-default-bg-color": "transparent",
• "@event-time-default-border-color": "@event-time-bg-color",
• "@event-time-default-hover-color": "@event-time-bg-hover-color",
• "@event-time-default-bg-hover-color": "@event-time-default-bg-color",
• "@event-time-default-border-hover-color": "@event-time-bg-color",
• "@event-time-selected-bg-color": "@event-time-bg-color",
• "@event-time-selected-border-color": "@event-time-bg-color",
• "@event-time-selected-bg-hover-color": "@event-time-bg-color",
• "@event-time-selected-border-hover-color": "@event-time-bg-color",

Member Only Events

• "@event-member-only-callout-text-color": "#bc7729",
• "@event-member-only-callout-font-style": "normal",
• "@event-member-only-callout-font-size": "85%",
• "@event-member-only-callout-font-size-mobile": "85%",