Skip to content

Commit

Permalink
update readme and bump version to 1.1.2
Browse files Browse the repository at this point in the history
  • Loading branch information
johanrosenson committed Aug 24, 2021
1 parent 475c02a commit 097ffd4
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 5 deletions.
12 changes: 8 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -80,23 +80,27 @@ The javascript does not output any styles, you must include them in your css/sas
**Using SASS**

```scss
// importing using sass
// importing the theme "sky".
@import '@devlop-ab/dialog/dist/css/sky.css';
```

See [https://devlop.github.io/dialog for all available themes](https://devlop.github.io/dialog).

**Using vanilla CSS**

Copy the css file you want to use from the `node_modules/@devlop-ab/dialog/dist/css` directory and put it with your other assets.
Copy the css file for the theme you want to use from `node_modules/@devlop-ab/dialog/dist/css` directory and put it with your other assets.

## Customizing the CSS

Each theme exposes a plethora of css variables allowing you to change colors, fonts and padding without overriding any css.
Each theme exposes a plethora of css variables allowing you to change colors, fonts and padding without overriding any css selectors.

```scss
// importing using sass
@import '@devlop-ab/dialog/dist/css/sky.css';

[data-dialog] {
--cancel-button-color: red;
--theme-color-h: 310;
}
```

See [https://devlop.github.io/dialog for all variables](https://devlop.github.io/dialog).
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@devlop-ab/dialog",
"version": "1.1.1",
"version": "1.1.2",
"description": "Lightweight and accessible drop-in replacement for the built-in browser dialog methods (alert, confirm and prompt).",
"keywords": [
"accessibility",
Expand Down

0 comments on commit 097ffd4

Please sign in to comment.