css

Bug Fixes

• border-top, border-bottom, border-left, border-right are incorrectly set to Native, should be NativeShorthand 151e456 @1aron

Improvements

• Use globalThis to access master CSS related objects in various environments b8adf67 @1aron

  - window.MasterCSS.root
  + window.masterCSS
  - window.MasterCSS.instances
  + window.masterCSSs
  

Bug Fixes

• Confusion when inserting keyframe and variable rules 3847a98 @1aron
• Global variables masterCSS, masterCSSs e0a8295 @1aron
• Variable rules were incorrectly inserted into css.rules de8b966 @1aron

ESLint

• Cannot read properties of undefined (reading 'layer') 00b8020 @1aron

Documentation

• Update colors documentation 3ec257d @1aron

Performance Upgrades

• Improve rule parsing and transformation 04aa0e6 @1aron

Improvements

Normal CSS

• Preset outline and border style 0 solid #299 96e915b @1aron

  *,
  ::before,
  ::after {
      box-sizing: border-box;
  +   border: 0 solid;
  +   outline: 0 solid;
  }
  

  Now you can simplify b:1|solid|blue to b:1|blue without solid

Bug Fixes

• outline:none doesn't work and autofill solid is deprecated, resolved #296 #299 f98bc57 @1aron

New Features

• Master CSS Variables, resolved #283 c97de2f @BenSeage

Deprecations

• Use clsx instead of @techor/one-linear c0b4e39 @BenSeage

Improvements

• Configuration errors should not be ignored 83ef1cd @1aron

Bug Fixes

Renderer

• Cannot read properties of undefined (reading 'text') 72baccd @1aron

New Features

• Master CSS Server 970928b @1aron

Deprecations

CSS

• extractClassesFromHTML function c1e1fe5 @1aron
• generateFromClasses function 7c68a1b @1aron
• generateFromHTML function 4788cfa @1aron
• renderHTML function ee1fcff @1aron

Improvements

ESLint

• Export settings, recommended configuration a2e3b32 @1aron

Additions

ESLint

• Class collision check 4b8e24f @0Miles

Improvements

ESLint

• settings.functions -> settings.calleeMatching e2cc619 @1aron
• Support settings.functions using Regex d20a504 @1aron
• Support object functions like styled.h1 89039fe @1aron

Bug Fixes

• The rule order is floating when state tokens are the same d0c4c98 @1aron

ESLint

• Callees are not checked 83620cb @1aron
• Vue parse 7d630f6 @0Miles

Documentation

• Add Install Master CSS ESLint in Laravel a174572 @1aron
• Add Install Master CSS ESLint with HTML 2014082 @1aron
• Updated Code Linting and ESLint ae877ac @1aron

Additions

ESLint

• Syntax error checks d8e4232 @0Miles

Improvements

• Rename variables.box to variables.section 5101df4 @1aron

ESLint

• Move non-Master CSS classes to the front 2824d3e @1aron

Bug Fixes

CSS

• Incorrect variable syntax CSS rules a46ec0f @1aron

ESLint

• Class ranges 7cc9964 @0Miles

Documentation

• Add esm.sh CDN link for importing @master/css #230 80f2bc2 @1aron
• Docs: Resolve whitespaces in the content value 41ce3be @1aron
• Resolve whitespaces in the font family value #232 f9c2322 @1aron

Bug Fixes

CSS

• Mathematical fraction expression is not working e1f7b8c

Documentation

• Improve fonts documentation 7b64ef7

⚠️ This version includes significant changes to the configuration, so please pay attention to the sections that have been restructured and renamed.

Additions

• Margin Inline syntax, resolved #250 43a810d @1aron
• Padding Inline syntax, resolved #250 03354dd @1aron

Improvements

• Variable syntax falls back to native if not found f123054 @1aron

  export default {
      variables: { found: 'center' }
  }
  

  <div class="text-align:$(not-found)">
  <div class="text-align:$(found)">
  

  Generated CSS

  .text-align\:\$\(not-found\) {
      text-align: var(--not-found)
  }
  .text-align\:\$\(found\) {
      text-align: center
  }
  

Deprecations

- import { fonts } from '@master/css'
+ import { variables } from '@master/css'

export default {
-    classes: {},
+    styles: {},

-    values: {},
+    variables: {},

-    fonts: {
-        sans: ['Inter', ...fonts.sans],
-        mono: ['Fira Code', ...fonts.mono]
-    },
+    variables: {
+        fontFamily: {
+            sans: ['Inter', ...variables.fontFamily.sans],
+            mono: ['Fira Code', ...variables.fontFamily.mono]
+        }
+    },

-   viewports: {
+   mediaQueries: {
        mobile: 600,
        tablet: 1024,
        desktop: 1440,
    }
}

• Use config.mediaQueries #284 instead of config.viewports11e9bfa @1aron
• Use config.styles instead of config.classes 3328df1 @1aron
• Use config.variables instead of config.values c977641 @1aron
• Use config.variables.fontFamily instead of config.fonts 8fd2381 @1aron

Documentation

• New Master CSS Code Linting for Svelte ac65363 @1aron

Tests

• Outline b04ac19 @1aron
• Spacing Variables 7163f5d @1aron

Additions

ESLint

• Support Svelte f8660ba @1aron

Bug Fixes

ESLint

• Class attribute containing group class is ignored 8d3a672 @0Miles

Additions

CSS

• reorderForReadableClasses(classes) function 33e9ef1 @1aron

Improvements

ESLint

• Arrange properties with the same rule name together 9644bdb @1aron

Bug Fixes

CSS

• Some rules are missing layer 4cf62d5 @1aron

ESLint

• Run fixes all @master/css/class-order problems causing wrong ordering 92e083d @1aron

Bug Fixes

CSS

• Config types 0993a83 @1aron

Documentation

• Update roadmap for Master CSS ESLint 7dd25fb @1aron

Improvements

CSS

• Warning message for invalid class order b7d5f0d @1aron

Bug Fixes

CSS

• Missing order rule f116aec @1aron
• Missing export CoreLayer enum 2958754 @1aron

Bug Fixes

CSS

• stroke wasn't matched 9f370a8 @1aron

Bug Fixes

CSS

• strokeWidth wasn't matched b9a9e31 @1aron

Bug Fixes

CSS

• Incorrectly matching value words 59389fa @1aron