tenoxui

A CSS Framework without any CSS file :D

MIT License

Downloads
1.6K
Stars
20
Committers
3
View Code on GitHub Visit Website
Ecosystems: JavaScript, React, CSS, TypeScript
tenoxui - TenoxUI v0.11.0 Latest Release

Published by nousantx 3 months ago

[v0.11.0] - [2024-07-16]

See new examples here.

Added

  • Custom values
  • Define css value with use function
  • Custom class names from css property

Fixed

  • CSS variable custom values not handled properly.
  • Hover for custom type and property

Removed

  • Remove default breakpoint on main code

What's Changed

Full Changelog: https://github.com/tenoxui/css/compare/v0.10.0...v0.11.0

tenoxui - TenoxUI v0.10.0

Published by nousantx 5 months ago

Changelog

[v0.10.0] - [2024-5-28]

Added

  • Responsive feature 🔥🔥
  • Hover and foxus pseudo handler 🔥🔥😈
  • Can define CSS variable as property, { "my-color": "--tx-color" }
  • Add CSS variable declaration directly to the element
  • Define breakpoints inside use function
  • Use another styels from defined selector using makeStyles function

Changed

  • use function now has new approach.

Removed

  • Remove unnecessary typeof object on makeStyle function
  • applyHovers function

More

Full Changelog: https://github.com/tenoxui/css/compare/v0.9.0...v0.10.0

tenoxui - TenoxUI v0.9.0

Published by nousantx 5 months ago

[v0.9.0] - [2024-5-20]

Added

  • Added use function to add types and properties.
  • $ for using values from css variables

Changed

  • Passing css variables into element now needed to add the -- prefix and it will get the value from css variable. Example: tc-[--neutral].
  • On applyStyle method, changed how the custom styling works for filter, backdrop-filter, and transform
  • You can't use 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.
  • Changed Types and Proeprties :
    1. "text-s": "fontStyle" => "font-s": "fontStyle"
    2. "text-s": "fontStyle" => "font-s": "fontStyle"
    3. "fx-wrap": "flexWrap", => "flex-wrap": "flexWrap"
    4. "fx-basis": "flexBasis" => "flex-basis": "flexBasis"
    5. "fx-grow": "flexGrow" => "flex-grow": "flexGrow"
    6. "fx-shrink": "flexShrink" => "flex-shrink": "flexShrink"
    7. Change all filter function value from filter to ftr
    8. Change all backdrop-filter function value from backdropFilter to bFt
    9. Change all transform function value from transform to tra

Deprecated

  • property is deprecated from tenoxui, and maybe moved into @tenoxui/class package
  • filter, backdrop-filter, and transform now can't be stacked using one-by-one classnames

Removed

  • newProp class
  • defineProps function
  • Removed background-image custom value from applyStyle method.
  • All custom values now handled using square bracket [], and the usage of curly bracket may be deprecated.
  • Removed types and properties :
    1. fx: "flex",
    2. ts: "textStyle"
    3. "bg-blend": "backgroundBlendMode",
    4. "bg-loc-x": "backgroundPositionX",
    5. "bg-loc-y": "backgroundPositionY",
    6. "row-gap": "rowGap",
    7. "col-gap": "columnGap",
    8. "as": "alignSelf",
    9. "js": "justifySelf",
tenoxui - v0.9.0-alpha.7

Published by nousantx 6 months ago

What's Changed

Full Changelog: https://github.com/tenoxui/css/compare/v0.8.0...v0.9.0-alpha.7

tenoxui - tenoxui release

Published by nousantx 6 months ago

tenoxui - TenoxUI v0.8.0

Published by nousantx 6 months ago

Changelog

[v0.8] - [2024-3-05]

  • Custom value feature
  • Added types declaration
  • Remove addType and applyHover function
  • Stopped maintain src/css
  • Types change :
    • "scale": "transform" => "scale": "scale"
    • "rt": "transform" => "rt": "rotate"
    • "overX": "overflowX" => "over-x": "overflowX"
    • "overY": "overflowY" => "over-y": "overflowY"
  • Removed common used types :
    • top
    • left
    • right
    • bottom
    • box-sizing
    • visibility

What's Changed

New Contributors

Full Changelog: https://github.com/tenoxui/css/compare/v0.7.1...v0.8.0

tenoxui - TenoxUI v0.7.1

Published by nousantx 6 months ago

What's Changed

Full Changelog: https://github.com/tenoxui/css/compare/v0.7.0...v0.7.1

tenoxui - v0.7.0

Published by nousantx 7 months ago

Changelog

[0.7] - 11-04-2024

  • Add applyHover and applyHovers function
  • Remove makeColor function
  • Remove unused types and properties for better size
  • Add declaration file

What's Changed

New Contributors

Full Changelog: https://github.com/tenoxui/css/compare/v0.6.1...v0.7.0

Package Rankings
Top 18.6% on Npmjs.org
Related Projects
axs

Stupid simple style components for React

10 Nov 2016 209
device-agnostic-ui

Device agnostic styles, components & hooks for React apps.

13 Sep 2019 19
uix-kit

A free UI toolkit based on some common libraries for building beautiful responsive website, compa...

05 Dec 2017 372
styled

Create reusable and extensible styled elements in one line

12 Jul 2022 36