Get Started

Installation

npm install baka-ui baka-material-you

Usage

The baka-material-you package provides both a css and scss distribution of the styles.

• CSS

  import "baka-material-you/dist/index.css";
  

• SCSS

  @use "baka-material-you";
  
  body {
    @include material-you.styles();
  }
  

Fonts & Icons

The baka-material-you package does not include the fonts and icons required for the Material You design system. You can find the fonts here and the icons here.

To reference the fonts and icons, you can use the following link tags:

<link
  href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
  rel="stylesheet"
/>
<link
  rel="stylesheet"
  href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
/>