# quickstyle

> This package helps non-designer in implementing a quick css on images, buttons and text.

Latest version **1.0.4** (published 2022-11-27) · ISC license · 0 weekly downloads

## Install

```sh
npm install quickstyle
pnpm add quickstyle
yarn add quickstyle
bun add quickstyle
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.4 |
| Published | 2022-11-27 |
| First published | 2022-11-14 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Ankur Singh Solanki |
| Maintainers | ankursolanki |

## Links

- npm: https://www.npmjs.com/package/quickstyle
- Repository: https://github.com/assassinscreed2/quickStyleNPM
- Homepage: https://github.com/assassinscreed2/quickStyleNPM#readme
- Issues: https://github.com/assassinscreed2/quickStyleNPM/issues
- npm.io page: https://npm.io/package/quickstyle

## Recent versions

- 1.0.4 (latest) — 2022-11-27
- 1.0.3 — 2022-11-27
- 1.0.2 — 2022-11-14
- 1.0.1 — 2022-11-14
- 1.0.0 — 2022-11-14

## README

# What is this?

This package helps non-designer in implementing a quick css on images, buttons and text.
 
# installation

`npm i quickstyle --save`

# use
 To apply quick style to images insert class 'quickImage' inside img tag.
 To apply quick style to buttons insert class 'quickButton' inside button tag.
 To apply quick style to texts insert class 'quickText' inside <p>,<h1>.. tags.

Then ...

```
import {quickButton,
        quickImage,
        quickText} from './node_modules/quickstyle'

quickButton();                   #default values
quickButton({color:"blue"});     #customised values

```

# Options

quickButton supports 1 optional parameter

* *color*
   example: quickButton({color: "blue"});

quickText supports 1 optional parameter

* *family*
   example: quickText({family:"Arial"})

quickImage supports 2 optional parameter

* *color*
   example: quickImage({color:"red"})
* *width*
   example: quickImage({width:"180px"})

---
_Source: https://npm.io/package/quickstyle · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
