Bot releases are visible (Hide)

css - v2.0.0-beta.16

Published by 1aron almost 2 years ago

Bug Fixes

if options.root exists, auto observe() it (9853a4c)

css - v2.0.0-beta.15

Published by 1aron almost 2 years ago

Features

Support colors group configuration and access extended config.colors to simplify markup (b4b053b)

Set the foreground color of the code by theme:

module.exports = {
    themes: {
        light: {
            colors: {
-              'code-fade': defaultColors.slate['60'],
-              'code-pink': defaultColors.pink['50'],
+              code: {
+                  fade: 'slate-60',
+                  pink: 'pink-50',
+              }
            },
        },
        dark: {
            colors: {
-               'code-fade': defaultColors.gray['55'],
-               'code-pink': defaultColors.pink['70'],
+               code: {
+                   fade: 'gray-55',
+                   pink: 'pink-70',
+               }
            }
        }
   }
}

and it only needs to be marked once:

<span class="fg:code-fade">{}</span>
<span class="fg:code-pink">div</span>

⚠️ Group configuration .colors doesn't support nesting to avoid designs where a single class name is too long and increases the size of the markup, but you can still do this with other Design Tokens:

<div className={`fg:${tokens.button.cta.foreground.color}`}>...</div>

css - v2.0.0-beta.14

Published by 1aron almost 2 years ago

Bug Fixes

init MasterCSS (92f4f63)

css - v2.0.0-beta.13

Published by 1aron almost 2 years ago

Using new MasterCSS to initialize uniformly, and preset different behaviors according to ESM, CJS, IIFE

Remove `init(config)` API and use `new MasterCSS(options)` instead

import config from './master.css'
- import { init } from '@master/css'
+ import MasterCSS from '@master/css'
- export const css = init(config)
+ export const css = new MasterCSS({ config })

Complete initial code master.js:

import config from './master.css'
import MasterCSS from '@master/css'
export const css = new MasterCSS({ config })

Create MasterCSS configurable options:

export declare type MasterCSSOptions = {
    config?: MasterCSSConfig // your custom config
    override?: boolean // not to extend default config
    observe?: boolean // automatically observe document after initialization
}

Import the output bundle in `IIFE` format in the browser, it'll automatically initialize

<head>
    <script src="https://cdn.master.co/[email protected]"></script>
</head>

You can also customize your configuration directly in HTML before importing:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script>
        window.masterCSSConfig = {
            colors: {
                primary: '#ff0000'
            }
        }
    </script>
    <script src="https://cdn.master.co/[email protected]"></script>
</head>
<body>
    <h1 class="font:40 font:heavy italic m:50 text:center fg:primary">Hello World</h1>
</body>
</html>

css - v2.0.0-beta.12

Published by 1aron almost 2 years ago

Bug Fixes

instantly initialize when the script is directly imported into the browser (58a31a6)

css - v2.0.0-beta.11

Published by 1aron almost 2 years ago

Bug Fixes

remove default scheme.preference, which should be customized by the developer (1488475)

css - v2.0.0-beta.10

Published by 1aron almost 2 years ago

Features

remove configure() api, preset extend behavior and provide override config (3562216)

/* master.css.js */
- import { configure } from '@master/css'
- module.exports = configure({
+ module.exports = {
    ....
}

css - v2.0.0-beta.9

Published by 1aron almost 2 years ago

Bug Fixes

.cjs, .mjs (2105d7d)

css - v2.0.0-beta.8

Published by 1aron almost 2 years ago

Bug Fixes

esm (da83636)

css - v2.0.0-beta.7

Published by 1aron almost 2 years ago

Bug Fixes

CSS escape polyfill (2cd54c0)
polyfill (b38d7ef)

css - v2.0.0-beta.6

Published by 1aron almost 2 years ago

Bug Fixes

es6 export and type (2e76e13)

css - v2.0.0-beta.5

Published by 1aron almost 2 years ago

Bug Fixes

main cjs (bbd495f)

css - v2.0.0-beta.4

Published by 1aron almost 2 years ago

Bug Fixes

github package assets (6cfd69a)

css - v2.0.0-beta.3

Published by 1aron almost 2 years ago

Bug Fixes

type: module in package.json (4c26317)
prod (0965b24)
remove type: 'module' (9f466ae)

css - v2.0.0-beta.2

Published by 1aron almost 2 years ago

Bug Fixes

browser bundle (fc6125b)

css - v2.0.0-beta.1

Published by 1aron almost 2 years ago

Bug Fixes

AccentColor key (4768308)
configure filters undefined params (60a263f)
fillShades method (aa0519a)
Group relations (fedf33b)
init API (bfe862a)
init API (9b35dcc)
onThemeChange this scape (70005d8)
package.json esm (a400233)
refresh (1dbd26f)
scheme and theme (1c46352)
this undefined (2d230ad)
add sideEffects to package.json (acd4e57)
build (b4eddd4)
capitalize all .values (055c466)
classes (a480f21)
classes relations (962330b)
color scale value 55 (b874309)
colorful css value wasn't transformed to hex color when applied theme (cbfcfd3)
colorful relations (89a4a89)
css with theme (57c570f)
DefaultRules (20fed5a)
delete rule (364268b)
delete the native if the rule insertion fails (0df0b6e)
esbuild (d606d93)
esbuild esm cjs (7db3242)
esm build (272a780)
export init method (a41beaa)
export mergeAndConcat method (19a137c)
export and import (e2b98d1)
export api (13a7180)
export default (539e3a7)
export fillColorScale (986a3fa)
export function extend (9ae2e14)
fill id by propName (fb1fd14)
generate css text by suffix selectors grouped by vendor-prefixed (9716298)
get scheme (c8fd4d4)
github release asset (69c4e1c)
github release label (7cf0171)
group (a547ef3)
group getThemeProps (805f45e)
inheritable classes (c844e3d)
map values by id (553d61e)
mark ./polyfills/css-escape.js no side effects (fe519b2)
match semantic logic (b6e243a)
package files (bdaff69)
preset WordSpacing unit to em (74a263b)
progressive rendering (c6900a1)
relations (a6d3d14)
remove console.time (0d5c44c)
remove CURRENT_COLOR constant (4e3ba4a)
remove useless Font.colorful (918223a)
render APIs (1cfc0e2)
require fillShades (41251c7)
rule (4769737)
rules (7194d6f)
rules (8f6fe6f)
rules ordering (a72fa27)
sass color variables (1a44898)
scrollbar selectors (3a9e824)
selector (d20f6ea)
sourcemap (19d5b09)
sourcemap (4cedc45)
spacing (0752fc3)
temporarily reverted to webpack fixed type issues (f36ef30)
test (0ed3246)
theme scheme (4694d9b)
typing (2bac59c)
typing and sideEffects (ee94080)
variable matches (5140b22)
webpack mangle (3fdc5bc)

Features

config.validateRule api (18cd8e2)
accept array ‘themes’ (c780327)
add (bg|background):current for background-color:currentColor (2f8120e)
add (fg|foreground|color):transparent for color:transparent (9271423)
add accent:(current|transparent) for accent-color:(currentColor|transparent) (70d0e16)
add outline:(?:current|transparent) for outline-color:(currentColor|transparent) (6e288a2)
add rootSize to configuration (4741c2c)
add t:color acronym syntax for -webkit-text-fill-color (4dae7a6)
add text-stroke:(?:current|transparent) for -webkit-text-stroke-color:(current|transparent) (c27913f)
add text:color shorthand for text-fill-color (b6ccd81)
add text(?:-fill)?:(?:current|transparent) for -webkit-text-fill-color:transparent (619f62a)
color: add (fg|foreground):color shorthand for color: (a17aa82)
customize .selectors tokens (6225b95)
deeply merge and concat configurations (0aaa384)
dispatch scheme event to host (bdab18b)
dispatch theme event to host (3ad4b2c)
get whole css text (6cafce4)
grouping selectors (b775127)
hydrate CSS from the related AOT file (70a1005)
new rendering APIs render(), renderFromHTML(), renderIntoHTML (bac75c6)
support ::-moz-range-track (5b12857)
support esm (f403932)
support for using % to set opacity (d42e30a)
theme scheme (ba396f0)

Performance Improvements

built in (transparent|current) sensing to reduce color-related matching logic (9973181)
built in mapping of current to currentColor to reduce color-related default value declarations (5d1ab1f)
remove constants to minify (049cc4b)
remove constants to minify (74c186c)

BREAKING CHANGES

color: rename FontColor to Color and remove (font|f):color syntax

css - v2.0.0-alpha.80

Published by 1aron almost 2 years ago

2.0.0-alpha.80 (2022-10-23)

css - v2.0.0-alpha.79

Published by 1aron almost 2 years ago

2.0.0-alpha.79 (2022-10-23)

Bug Fixes

export default (539e3a7)
typing and sideEffects (ee94080)

Features

hydrate CSS from the related AOT file (70a1005)

css - v2.0.0-alpha.78

Published by 1aron almost 2 years ago

2.0.0-alpha.78 (2022-10-23)

Features

dispatch theme event to host (3ad4b2c)

css - v2.0.0-alpha.77

Published by 1aron almost 2 years ago

2.0.0-alpha.77 (2022-10-23)

Features

dispatch scheme event to host (bdab18b)

Package Rankings

Top 2.57% on Npmjs.org

Top 6.67% on Proxy.golang.org

Related Projects

clean-css

Fast and efficient CSS optimizer for node.js and the Web

27 Feb 2011 4,160

SupportsCSS

Live, in-browser detection of modern CSS support for selectors, features, and at-rules. Applies s...

26 Apr 2023 272

postcss-plugins

PostCSS Tools and Plugins

02 Nov 2019 829

ekzo

Functional Sass framework for rapid and painless development

12 Nov 2013 33

Frontend-Starter-Kit

A boilerplate for frontend projects powered by Gulp, HTML5 bolierplate, Sass, PostCss and Webpack...

30 Jun 2017 21

compiled

A familiar and performant compile time CSS-in-JS library for React.

13 Dec 2019 1,962

css-creating

CSS创作指南

06 Nov 2013 557

generator-boilerplatev

A Yeoman generator to scaffold out the front end boilerplate utilising Pug, SCSS/PostCSS, ES6, We...

08 Apr 2017 4

packages

💎 Monorepository for Stylify packages. Stylify uses CSS-like selectors to generate Extremely opti...

25 Dec 2020 426

suit

Style tools for UI components

19 Oct 2011 3,798

css

Bug Fixes

Features

Bug Fixes

Remove init(config) API and use new MasterCSS(options) instead

Import the output bundle in IIFE format in the browser, it'll automatically initialize

Bug Fixes

Bug Fixes

Features

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Features

Performance Improvements

BREAKING CHANGES

2.0.0-alpha.80 (2022-10-23)

2.0.0-alpha.79 (2022-10-23)

Bug Fixes

Features

2.0.0-alpha.78 (2022-10-23)

Features

2.0.0-alpha.77 (2022-10-23)

Features

Related Projects

clean-css

SupportsCSS

postcss-plugins

ekzo

Frontend-Starter-Kit

compiled

css-creating

generator-boilerplatev

packages

suit

Remove `init(config)` API and use `new MasterCSS(options)` instead

Import the output bundle in `IIFE` format in the browser, it'll automatically initialize