v2.0.0-beta.184

⚠️ 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.viewports_{^{11e9bfa @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}}