Bot releases are visible (Hide)
Published by github-actions[bot] 5 months ago
Published by github-actions[bot] 5 months ago
Published by github-actions[bot] 5 months ago
Published by github-actions[bot] 6 months ago
Published by github-actions[bot] 6 months ago
Published by github-actions[bot] 6 months ago
Published by github-actions[bot] 6 months ago
Published by github-actions[bot] 6 months ago
Published by github-actions[bot] 6 months ago
Published by github-actions[bot] 6 months ago
Published by github-actions[bot] 6 months ago
classDeclarations
for checking variable/member declarations @1aron bd41565classAttributes
classAttributeBindings
classDeclarations
classFunctions
@1aron ce33aea
classAttributes
classFunctions
instead of classMatching
calleeMatching
@1aron 4b89f5e
Published by github-actions[bot] 6 months ago
config.modeDriver
to config.modes
@BenSeage 06d67bf
export default {
- modeDriver: 'class',
+ modes: { dark: 'class', light: 'class' }
}
Published by github-actions[bot] 6 months ago
@master/css-explore-config
- A utility for exploring a Master CSS config file @1aron e1e3994
leading
alias for line-height
@1aron 4f04d20
<div class="line-height:1">
+ <div class="leading:1">
text-truncate:
alias for lines:
@1aron 3de751e
<div class="lines:3">
+ <div class="text-truncate:3">
text-underline-position:
@1aron bf0d43c
<p class="text-underline:front-font">
<p class="text-underline:under">
<p class="text-underline:left">
<p class="text-underline:right">
tracking:
alias for letter-spacing:
@1aron ffe607f
<p class="letter-spacing:1">
+ <p class="tracking:1">
generatedCSS(config)
@1aron 3a12c6e
styles
variables and configuration support all features @1aron f89bbfb
@media()
@supports()
@1aron 8ead242
fg:blue
@1aron b43049e
clsx
, styled
, cva
, and custom @1aron 89cea2d
@all
, @print
, @screen
, @speech
should be set in the default query @1aron 53ef2d0
config.semantics
to config.utilities
to prevent confusion with component classes @1aron 6728364
export default {
- semantics: { ... },
+ utilities: { ... }
}
color-rgba
to convert all color spaces to rgba
@1aron 6b3e527
text-decoration
has no effect in Safari @1aron 287c7a3
css.customConfig
on refresh @1aron b84e912
|
syntax delimiters resulted in no rendering of colors @1aron 54e0321
.hide
utility class in favor of .hidden
@1aron 43499ad
- <div class="hide">
+ <div class="hidden">
lh:
alias in favor of line-h:
@1aron 8e7dcb2
- <div class="lh:1">
+ <div class="line-h:1">
+ <div class="leading:1">
::meter
@1aron ffa5251
Published by github-actions[bot] 7 months ago
⚠️ This release requires some naming changes.
Rename config.mediaQueries
to config.queries
and share it with @media
@supports
@container
@1aron 2f561d9
export default {
- mediaQueries: {
+ queries: {
tablet: 1024,
desktop: 1280,
- landscape: '(orientation:landscape)',
+ landscape: 'media (orientation:landscape)'
}
}
Rename config.themeDriver
to config.modeDriver
@1aron 67f2c2c
export default {
- themeDriver: 'class',
+ modeDriver: 'class',
}
Published by github-actions[bot] 7 months ago
Published by github-actions[bot] 8 months ago
Published by github-actions[bot] 8 months ago
Renamed ThemeServiceProvider
to ThemeModeProvider
and separated it into a new repository "master-co/theme-mode" and package "theme-mode" to prevent it from hindering the progress of future Master CSS.
This package automatically switches themes using class=""
and color-scheme:
; that's it.
For example:
npm install @master/theme-mode.react
-import { ThemeServiceProvider } from '@master/css.react'
+import ThemeModeProvider from '@master/theme-mode.react'
export default function App({ children }) {
return (
- <ThemeServiceProvider options={{ default: 'system' }}>{children}</ThemeModeProvider>
+ <ThemeModeProvider preference='system'>{children}</ThemeModeProvider>
)
}
The packages/normal.css
is separated into a new repository "master-co/normal.css"
style#master
was removed when refreshing config @1aron b1f44f1
ThemeServiceProvider
and use @master/theme-mode.react
instead @1aron d823b83
theme-mode
instead @1aron d5208ba
ThemeServiceProvider
and use @master/theme-mode.vue
instead @1aron 72f4cf2
Published by github-actions[bot] 8 months ago
To accommodate this release, you'll need to adjust the path of importing styled
. We have separated the styled
into a new repository at https://github.com/master-co/styled to prevent it from hindering the progress of the Master CSS in the future.
@container
queries support, resolved #43 @1aron 27a389a #43
<div class="font:32@container|sidebar(min-width:800px)">
@container sidebar (min-width:800px) {
.font\:32\@container\|sidebar\(min-width\:800px\) {
font-size: 2rem
}
}
⚠️ This is an experimental release and we have not yet designed a smooth syntax for @container
.
styled
is separated into @master/styled.react
@1aron d07a2aa
-import { styled } from '@master/css.react'
-import styled from '@master/styled.react'
styled
is separated into @master/styled.vue
@1aron 01aa33a
-import { styled } from '@master/css.vue'
-import styled from '@master/styled.vue'
Published by github-actions[bot] 8 months ago
Master Colors @1aron 02bf77a
Starting from this version, the Master CSS color palette has been spun off into a new product called Master Colors. This release is specifically targeted toward users who prefer v1 colors, and separating it will facilitate the future progress of Master CSS.
You can also install @master/colors
from NPM if needed and access the colors
object:
import colors from '@master/colors'
console.log(colors.blue[60])