Bespoke styles package contains all the styles that are available for Anywhere Real Estate development teams.
npm install @bspk/stylesBespoke styles package contains all the styles that are available for Anywhere Real Estate development teams.
https://bspk.anywhere.re/styles
``bash`
npm install @bspk/styles
This repository contains all the stylesheet and theme data based on design tokens from the Bespoke Design System.
This repository also contains a custom made Figma plugin used to export tokens from Figma and the and Node scripts used convert the raw tokens/variables into the stylesheets.
Each stylesheet consists of a set of CSS variables. Some color variables exist in both a light (default) and dark theme. The variables and classes mirror the tokens from Figma. You can search the stylesheet for the exact Figma token name as it's included as a comment.
To enable the dark theme add the data-theme="dark" attribute to your html or body tag.
While building @bspk/ui` we are using the CSS Variable Autocomplete Visual Studio Code extension. Once you add your brand's CSS file to your project this plugin makes it a breeze to work with the variables.