💎 Monorepository for Stylify packages. Stylify uses CSS-like selectors to generate Extremely optimized utility-first CSS dynamically based on what you write 💎.
MIT License
Bot releases are hidden (Show)
xs
: (min-width: 375px) and toxs
: (max-width: 374px) - https://github.com/stylify/packages/issues/272
A big thanks goes to alirq for a sponsorship.
Published by Machy8 over 1 year ago
Full Changelog: https://github.com/stylify/packages/compare/v0.6.1...v0.6.2
Published by Machy8 over 1 year ago
Full Changelog: https://github.com/stylify/packages/compare/v0.6...v0.6.1
Published by Machy8 over 1 year ago
return this
was removed from configure
and addMacro
method$someVariable
it is converted to var(--someVariable)
.replaceVariablesByCssVariables
was renamed to cssVariablesEnabled
. The cssVariablesEnabled
option accepts a boolean value that disables CSS variables if the false
value is passed as value.selectorsAreas
now expect regular expressions instead of strings// 0.5
const compilerConfig = {
selectorsAreas: [
'(?:^|\\s+)class="([^"]+)"',
]
}
// 0.6
const compilerConfig = {
selectorsAreas: [
/(?:^|\s+)class="([^"]+)"/,
]
}
this
object within the macro callback now contains the compiler instanceselectorProperties.add()
return an object with properties: values
getCapture()
method now returns undefined for a default value if capture was not found instead of empty string. This improves comparison for macroMatch.getCapture(0) ??
hasCapture
method has been removed// 0.5
const compilerConfig = {
macros: {
macro: ({ macroMatch, selectorProperties, helpers, variables, dev }) => {
selectorProperties.add('property', macroMatch.geCapture(0));
}
}
}
// 0.6
const compilerConfig = {
macros: {
macro(match) {
const { variables, helpers, dev } = this;
return {
['property']: match.getCapture(0),
'another-property': 'value'
}
}
}
}
this
object within the component callback now contains the compiler instancematches[0]
use getCapture(0)
. Matches indexes are now shorter by 1: the fullMatch
is the whole reg exp match, and captures contain only additional captures:
matches[0]
=> match.fullMatch
matches[1]
is now match.getCapture(0)
// 0.5
const compilerConfig = {
components: {
'btn:(\\S+)'(match) {
const { variables, helpers, dev } = this;
return `color:${match.getCapture(0)}`
}
}
}
this
object within the helper callback now contains the compiler instancegetExistingConfigFiles
were removed. This method returns paths to existing config files.compiler:newMacroMatch
: Now receives Record<string, string>
instead of SelectorProperties
objectcssVarsDirPath
, sassVarsDirPath
, lessVarsDirPath
, stylusVarsDirPath
were renamed to cssVarsExportPath
, sassVarsExportPath
, lessVarsExportPath
, stylusVarsExportPath
. It accepts direct file path (like ./path/to/vars.css
) to which it will be saved, or only a directoy path ./path/to/cssDir
. If no file name is provided, the stylify-variables
file name will be used with correct suffix.Published by Machy8 over 1 year ago
Full Changelog: https://github.com/stylify/packages/compare/v0.5.32...v0.5.33
Published by Machy8 over 1 year ago
Full Changelog: https://github.com/stylify/packages/compare/v0.5.31...v0.5.32
Published by Machy8 over 1 year ago
Full Changelog: https://github.com/stylify/packages/compare/v0.5.30...v0.5.31
Published by Machy8 over 1 year ago
Full Changelog: https://github.com/stylify/packages/compare/v0.5.29...v0.5.30
Related issues
https://github.com/stylify/packages/issues/223
Published by Machy8 over 1 year ago
Full Changelog: https://github.com/stylify/packages/compare/v0.5.28...v0.5.29
Published by Machy8 over 1 year ago
Stylify
Bundler
Astro
Nuxt Module
Nuxt
Unplugin
Full Changelog: https://github.com/stylify/packages/compare/v0.5.27...v0.5.28
Published by Machy8 over 1 year ago
Full Changelog: https://github.com/stylify/packages/compare/v0.5.26...v0.5.27
Published by Machy8 over 1 year ago
Fixes of duplicated areas mangling
Full Changelog: https://github.com/stylify/packages/compare/v0.5.25...v0.5.26
Published by Machy8 over 1 year ago
mangledSelectorsPrefix
and selectorsPrefix
can be used to prevent collision with already existing selectorsFull Changelog: https://github.com/stylify/packages/compare/v0.5.24...v0.5.25
Published by Machy8 over 1 year ago
Full Changelog: https://github.com/stylify/packages/compare/v0.5.23...v0.5.24
Published by Machy8 over 1 year ago
Full Changelog: https://github.com/stylify/packages/compare/v0.5.22...v0.5.23
Published by Machy8 over 1 year ago
Full Changelog: https://github.com/stylify/packages/compare/v0.5.21...v0.5.22
Published by Machy8 over 1 year ago
Full Changelog: https://github.com/stylify/packages/compare/v0.5.20...v0.5.21
Published by Machy8 over 1 year ago
Full Changelog: https://github.com/stylify/packages/compare/v0.5.19...v0.5.20
Published by Machy8 over 1 year ago
Full Changelog: https://github.com/stylify/packages/compare/v0.5.18...v0.5.19
Published by Machy8 over 1 year ago
Full Changelog: https://github.com/stylify/packages/compare/v0.5.17...v0.5.18