https://github.com/abhijithvijayan/styler

CSS Modules Style Helper
https://github.com/abhijithvijayan/styler

Last synced: about 2 months ago
JSON representation

CSS Modules Style Helper

• Host: GitHub
• URL: https://github.com/abhijithvijayan/styler
• Owner: abhijithvijayan
• License: mit
• Created: 2023-01-15T11:23:28.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-04-19T20:07:32.000Z (5 months ago)
• Last Synced: 2024-07-03T17:01:18.092Z (3 months ago)
• Language: TypeScript
• Homepage:
• Size: 33.2 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • Funding: .github/FUNDING.yml
  • License: license

Awesome Lists containing this project

README

        
@abhijithvijayan/styler

CSS Modules Style Helper



  

    

  

  

    

  

  

    

  

  

    

  

  

     

  



🙋‍♂️ Made by @abhijithvijayan





  Donate:

  PayPal,

  Patreon





  

    

  





❤️ it? ⭐️ it on [GitHub](https://github.com/abhijithvijayan/styler/stargazers) or [Tweet](https://twitter.com/intent/tweet?text=Check%20out%20%40abhijithvijayan%2Fstyler%21%20by%20%40_abhijithv%0A%0ACSS%20Modules%20Style%20Helper%0Ahttps%3A%2F%2Fgithub.com%2Fabhijithvijayan%2Fstyler%0A%0A%23css%20%23scss%20%23sass%20%23modules%20%23styler%20%23util) about it.

## Table of Contents

- [Installation](#installation)

- [Usage](#usage)

- [API](#api)

- [Issues](#issues)

	- [🐛 Bugs](#-bugs)

- [LICENSE](#license)

## Installation

Ensure you have [Node.js](https://nodejs.org) 18 or later installed. Then run the following:

```

# via npm

npm install @abhijithvijayan/styler

# or yarn

yarn add @abhijithvijayan/styler

```

## Usage

```js

import Styler from '@abhijithvijayan/styler';

import * as React from 'react';

import styles from './styles.scss';

function App({theme = {}, show = false}) {

	const styler = new Styler(styles, theme);

	return (

		


			
hello world

			
new message

		

	);

}

```


## API

## Issues

_Looking to contribute? Look for the [Good First Issue](https://github.com/abhijithvijayan/styler/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc+label%3A%22good+first+issue%22)

label._

### 🐛 Bugs

Please file an issue [here](https://github.com/abhijithvijayan/styler/issues/new) for bugs, missing documentation, or unexpected behavior.

[**See Bugs**](https://github.com/abhijithvijayan/styler/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc+label%3A%22type%3A+bug%22)

### Linting & TypeScript Config

- Shared Eslint & Prettier Configuration - [`@abhijithvijayan/eslint-config`](https://www.npmjs.com/package/@abhijithvijayan/eslint-config)

- Shared TypeScript Configuration - [`@abhijithvijayan/tsconfig`](https://www.npmjs.com/package/@abhijithvijayan/tsconfig)

## License

MIT © [Abhijith Vijayan](https://abhijithvijayan.in)