@amaui/style-react
TypeScript icon, indicating that this package has built-in type declarations

1.1.32 • Public • Published

amaui logo

amaui Style React

Amaui Style for React


MIT license     Production ready     100% test cov     Browser and Nodejs

Very simple code     Modern code     Junior friendly     Typescript     Made with 💛


Getting started

Add

yarn add @amaui/style-react

Use

  // Import any of the methods
  import { style } from '@amaui/style-react';

  const useStyle = style(theme => ({
    '@keyframes a': {
      '0%': {
         color: 'white',
      },
      '40%': {
         color: 'yellow',
      },
    },

    a: {
        width: 100,

        'max-width': 100,

        // Simple
        background: '#faa',

        margin: '0 14px 4px 40px',

        // rtl
        marginLeft: 41,
        float: 'left',

        // sort
        paddingLeft: 41,
        padding: 40,

        // prefixes
        position: 'sticky',
        transition: 'all .4s ease',
        maskOrigin: 'inherit',
        maskImage: 'linear-gradient(rgba(0, 0, 0, 1.0), transparent)',
        maskPosition: '40% 74%',

        // animation
        animation: '$a .4s ease',
    },
  }));

  function A(props) {
    const { classes } = useStyle(props);

    return (
      <a className={classes.a}>
        {props.children}
      </a>
    );
  }

Dev

Install

yarn

Test

yarn test

Prod

Build

yarn build

Package Sidebar

Install

npm i @amaui/style-react

Weekly Downloads

62

Version

1.1.32

License

MIT

Unpacked Size

656 kB

Total Files

58

Last publish

Collaborators

  • lazareric