See new examples here.
use
functionvalues
not handled properly.Full Changelog: https://github.com/tenoxui/css/compare/v0.10.0...v0.11.0
Published by nousantx 5 months ago
{ "my-color": "--tx-color" }
use
functionmakeStyles
functionuse
function now has new approach.makeStyle
functionapplyHovers
functionFull Changelog: https://github.com/tenoxui/css/compare/v0.9.0...v0.10.0
Published by nousantx 5 months ago
use
function to add types and properties.$
for using values from css variables--
prefix and it will get the value from css variable. Example: tc-[--neutral]
.applyStyle
method, changed how the custom styling works for filter
, backdrop-filter
, and transform
filter
, backdrop-filter
, and transform
as stacked class like <div class="blur-3.7px grayscale-50%"></div>
, use this instead <div class="filter-[blur(3.7px)\_grayscale(50%)]"></div>
. If you only need one class, it's okay."text-s": "fontStyle"
=> "font-s": "fontStyle"
"text-s": "fontStyle"
=> "font-s": "fontStyle"
"fx-wrap": "flexWrap",
=> "flex-wrap": "flexWrap"
"fx-basis": "flexBasis"
=> "flex-basis": "flexBasis"
"fx-grow": "flexGrow"
=> "flex-grow": "flexGrow"
"fx-shrink": "flexShrink"
=> "flex-shrink": "flexShrink"
filter
function value from filter
to ftr
backdrop-filter
function value from backdropFilter
to bFt
transform
function value from transform
to tra
property
is deprecated from tenoxui, and maybe moved into @tenoxui/class
packagefilter
, backdrop-filter
, and transform
now can't be stacked using one-by-one classnamesnewProp
classdefineProps
functionbackground-image
custom value from applyStyle
method.[]
, and the usage of curly bracket may be deprecated.fx: "flex",
ts: "textStyle"
"bg-blend": "backgroundBlendMode",
"bg-loc-x": "backgroundPositionX",
"bg-loc-y": "backgroundPositionY",
"row-gap": "rowGap",
"col-gap": "columnGap",
"as": "alignSelf",
"js": "justifySelf",
Published by nousantx 6 months ago
Full Changelog: https://github.com/tenoxui/css/compare/v0.8.0...v0.9.0-alpha.7
Published by nousantx 6 months ago
Published by nousantx 6 months ago
addType
and applyHover
functionsrc/css
"scale": "transform"
=> "scale": "scale"
"rt": "transform"
=> "rt": "rotate"
"overX": "overflowX"
=> "over-x": "overflowX"
"overY": "overflowY"
=> "over-y": "overflowY"
top
left
right
bottom
box-sizing
visibility
Full Changelog: https://github.com/tenoxui/css/compare/v0.7.1...v0.8.0
Published by nousantx 6 months ago
Update applyHover
& applyHovers
function for better usage.
Update tenoxui package to v0.7.1 by @nousantx in https://github.com/tenoxui/css/pull/5
Full Changelog: https://github.com/tenoxui/css/compare/v0.7.0...v0.7.1
Published by nousantx 7 months ago
applyHover
and applyHovers
functionmakeColor
functionFull Changelog: https://github.com/tenoxui/css/compare/v0.6.1...v0.7.0