v2.0.0-rc.6

Bug Fixes

Class Variant

• This function is called without any overload, fixed #247 _{^{f0e9343 @BenSeage}}

v2.0.0-rc.5

Bug Fixes

Server

• ' is not encoded as ' in Vue Renderer _{^{0277193 @BenSeage}}

v2.0.0-rc.4

Bug Fixes

Nuxt

• Nuxt module build _{^{0ca205e @1aron @BenSeage}}

v2.0.0-rc.3

Bug Fixes

Nuxt

• Incorrectly adding postinstall script to production _{^{47e8403 @1aron @BenSeage}}

v2.0.0-rc.2

Bug Fixes

Runtime

• Browser ESM doesn't be bundled _{^{8c652ad @1aron}}

v2.0.0-rc.1

New Features

• @master/css.vue, including CSSProvider _^dac0ffd
• Ambiguous shorthand support for config.values _^7157d3b
• Class Variant #191 _^3dd94ff
• Integrate Master CSS Static Extraction in Vite way _^f461c83
• Integrate Master CSS Static Extraction in Webpack way _^761b902
• Master CSS ESLint Plugin _^dfb66ee
• Master CSS ESLint Plugin Config _^91bce44
• Master CSS Nuxt _^baf1e50
• Master CSS Runtime, performs a single responsibility _^dac3834
• Master CSS Server _^970928b
• Master CSS Server Nitro _^72061c4
• Master CSS static extractor for various raw text _^2f51401
• Master CSS Variables, resolved #283 _^c97de2f
• Multiplier unit x and config.baseUnit #316 _^51bf4a2
• Nested configuration for classes / mediaQueries _^cbd27ad
• Pre-renders Master CSS class syntax in HTML _^85d82a7
• Smart conversion of units for factors in calc _^6b7c08b
• Theme Service _^4e6ae25
• Validator for Master CSS class syntax _^73bfec1

Class Variant

• Supports Boolean properties #247 _^c3bed63

Compiler

• Option .additions for files scanned at startup _^2364f92
• Option .additions for files scanned at startup _^3fac285

CSS

• config.extends multiple configurations #180 _^5b080ae
• config.keyframes generated on demand #181 _^ffcdef7
• config.precedence for how to insert <style id="master"> into the DOM tree or HTML _^357811f
• config.themeDriver #177 _^797da10
• gradient-text semantic + gradient() shorthand #167 _^fb92b98
• mcss render .next/**/*.html command for things like Next.js #205 _^6e95826
• vw vh max-vw max-vh min-vw min-vh semantics #124 _^ad024c4
• Config colors support rgba() function #105 _^d6af6bf
• Fallback invalid at-rules @.* to be themes #214 _^836e702
• Fonts Configuration API, resolved #275 _^824d0ed
• Independent theme API _^f14182e
• Master CSS CLI _^977daf5
• Master CSS Variables _^bb3b660
• Semantic fit = width:fit + height:fit #257 _^a199e34
• Support BEM's double underscore naming #218 _^8c8586d
• Support for converting unit-valued parameters in CSS functions _^6cd038d
• Support making all declarations important with config.important #131 _^ccbff2e
• Support scoping all CSS rules with config.scope #133 _^c41baea #132
• Support semantics and rules with animation keyframes #222 _^f2f8b87

React

• CSSLazyProvider for lazy loading JIT engine _^fa97d0c
• CSSProvider, useCSS _^45dccb1
• cve supports Boolean properties #247 _^c7b6c07
• ThemeProvider Pass theme context, state, and switch() _^8fbb553
• Integrate Class Variant using React elements #191 _^277ee1d

Svelte

• CSSProvider and LazyCSSProvider standardly register Master CSS in Svelte _^6864e11
• LazyCSSProvider for Progressive Rendering _^b5577b4

Syntax

• A new shorthand max:WxH for max-width and max-height _^a2396d0
• A new shorthand min:WxH for min-width and min-height _^25c2398
• A new shorthand WxH for width and height _^1bb9e90

Vue

• Class Variant Elements _^2fa48d9
• Register the theme service using ThemeServiceProvider _^f4dfaca

Performance Upgrades

• Create CSSStyleRule based on different themes, resolved #303 #301 _^820705e
• Improve rule parsing and transformation _{^{[04aa0e6](https://github.com/master-co/css/...}}

v2.0.0-beta.215

‼️ This release contains syntactically breaking changes.

Performance Upgrades

Server

• Add decodeHTML function and fix class duplication _{^{dd5d607 @1aron}}

Bug Fixes

Server

• Missing decoding of React-specific ' _{^{f1e5a3d @1aron}}

v2.0.0-beta.214

‼️ This release contains syntactically breaking changes.

Improvements

• Refactor default media queries to use screen sizes tokens _{^{dd9dbbb @1aron}}
• Remove unused variables size and simplify code _{^{5619e66 @1aron}}
• Rename variables box-size to screen _{^{a798d99 @1aron}}

  export default {
      variables: {
          screen: {
              '4xs': 360,
              '3xs': 480,
              '2xs': 600,
              'xs': 768,
              'sm': 834,
              'md': 1024,
              'lg': 1280,
              'xl': 1440,
              '2xl': 1600,
              '3xl': 1920,
              '4xl': 2560
          }
      }
  }

  Apply the screen variables:

  - max-w:md
  + max-w:screen-md

• Use size:W|H, max:W|H, min:W|H instead of WxH, max:WxH, min:WxH _{^{da8331e @1aron}}

  - 16x16
  + size:16 = size:4x

  - max:16x32
  + max:16|32 = max:4x|8x

  - min:16x16
  + min:16 = min:4x

  The x separator in 16x32 collides with the latest unit multiplier x, like 16xx32x, and it is unintuitive.

Documentation

• New documentation Screen Sizes _{^{ddc8631 @1aron}}
• Add code to cancel maximum width for media #318 _{^{d3835a5 @1aron}}
• Update Box Decoration Break demos _{^{f1a9d2f @1aron}}

Tests

• Add tests for size, max size, and min size _{^{92238b3 @1aron}}

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}}