v2.0.0-beta.213

Bug Fixes

• Prevent % or indeterminate CSS variables from converting units _{^{51f4118 @BenSeage}}

v2.0.0-beta.212

📢 This release helps you fix hydration errors caused by progressive rendering in Next.js, Nuxt.js, etc.

Bug Fixes

Server

• Class names from HTML must be decoded beforehand _{^{13e07c7 @1aron}}

Documentation

• New documentation Development strategies for minimizing CSS _{^{bb446d5 @1aron}}

v2.0.0-beta.211

Improvements

• Prefer animation names over variables, resolved #317 _{^{5fedc0b @BenSeage}}

v2.0.0-beta.210

📢 This release helps you fix hydration errors caused by progressive rendering in Next.js, Nuxt.js, etc.

Bug Fixes

Server

• Use htmlparser2 instead of node-html-parser to reliably parse HTML _{^{d213c8b @1aron}}

v2.0.0-beta.209

Bug Fixes

• All elements under the pre node are not parsed _{^{9d43396 @BenSeage}}

Documentation

• New Spacing documentation _{^{6a6846a @1aron}}

v2.0.0-beta.208

New Features

• Multiplier unit x and config.baseUnit #316 _{^{51bf4a2 @BenSeage}}

  For example, with the default baseUnit: 4, the spacing scale 1x, 2x, … will be 4, 8, ….

  <div class="m:4x"></div>

  Generated CSS:

  .m\:4x {
      margin: 1rem;
  }

  How is 1rem calculated?

  4x = 4(multiplier)*4(base unit) = 16px, 16px / 16(root size) = 1rem

  So you don't need to define the spacing scale one by one:

  export default {
  -    variables: {
  -        spacing: {
  -            '1x': 4,
  -            '2x': 8,
  -            '3x': 12,
  -            ...,
  -            '40x': 160
  -        }
  -    }
  }

v2.0.0-beta.207

New Features

• Smart conversion of units for factors in calc _{^{6b7c08b @BenSeage}}

v2.0.0-beta.206

Performance Upgrades

• Share utilities instead of duplicate instantiations _{^{2d263fb @1aron}}

Deprecations

• Nested variable definitions to align rules _{^{1ad1e7a @1aron}}

  import { variables } from '@master/css'
  
  /** @type {import('@master/css').Config} */
  export default {
      variables: {
  -      font: {
  -          family: {
  -              sans: ['Inter', ...variables.font.family.sans]
  -          }
  -      }
  +      'font-family': {
  +          sans: ['Inter', ...variables['font-family'].sans]
  +      }
      }
  }

Documentation

• Add Box Sizes documentation _{^{eb32a18 @1aron}}
• Improve Fonts documentation _{^{a35e6e4 @1aron}}

v2.0.0-beta.205

Bug Fixes

• Vite execution phase was too late causing Astro to not generate CSS bundles _{^{131260d @BenSeage}}

v2.0.0-beta.204

Additions

• Assign foreground variables to related rules _{^{87fa6ba @1aron}}

Normal CSS

• Eliminate click delays on touch devices _{^{1ed5cf6 @1aron}}
• Make media elements responsive _{^{a8171cf @1aron}}

Improvements

Normal CSS

• Support modular import on demand _{^{e7451d9 @1aron}}

Bug Fixes

• No known conditions for "." specifier in @master/css-server package _{^{a38f812 @1aron}}

Server Nitro

• No such file or directory, open 'D:\a\css\css\packages\server\dist\index.mjs' _{^{9a73eb8 @1aron}}

Documentation

• Add Remove tap highlight color section _{^{785b145 @1aron}}
• Improve Global Styles documentation _{^{1c19be1 @1aron}}

Svelte

• Import the master.css.* config file from the root, resolved #309 _{^{44d9930 @1aron}}

Examples

Svelte

• Import the master.css.* config file from the root, resolved #309 _{^{6098004 @1aron}}