Skip to content

Commit

Permalink
✨New features and multiple improvements (#74)
Browse files Browse the repository at this point in the history
* Tweaked color and focus color

* feat: better links, better text input fields

* remove input border

* fix: Better checkboxes and radios

* feat: focus feature for inputs

* fix: line height bug

* feat: tweak other themes

* readme updates
  • Loading branch information
MarkusJohansen authored Jan 10, 2024
1 parent 7ce7866 commit e07579c
Show file tree
Hide file tree
Showing 23 changed files with 190 additions and 177 deletions.
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
node_modules/
*.html
Empty file added CONTRIBUTION_GUIDE.md
Empty file.
30 changes: 15 additions & 15 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,17 @@ What we want to achieve for the framework is as following:

## How?

You can implement chimera into your private project by including this tag in your HTML header. (Remember to declare version where ":version" is, in the URL)
You can implement chimera into your private project by downloading the ChimeraCSS package and directly link to the Chimera.css file:

```bash
npm install chimeracss
yarn add chimeracss
pnpm add chimeracss
```
```javascript
import "~/node_modules/chimeracss/css/chimera.css";
```
or by including this tag in your HTML header. (Remember to declare version where ":version" is, in the URL)

```html
<link
Expand All @@ -45,17 +55,7 @@ You can implement chimera into your private project by including this tag in you
/>
```

You can also download the ChimeraCSS package and directly link to the Chimera.css file:

```bash
npm install chimeracss
```

or

```bash
yarn add chimeracss
```

### Themes

Expand Down Expand Up @@ -84,28 +84,28 @@ Chimera-golden
### Theme comparisons

<div>
<p>No css/HTML only</p>
<h4>No css/HTML only</h4>
<img
align="center"
src="./public/img/no-css.png"
alt="Chimera"
width="50%"
/>
<p>Chimera:</p>
<h4>Chimera:</h4>
<img
align="center"
src="./public/img/chimera.png"
alt="Chimera"
width="50%"
/>
<p>Chimera-dark:</p>
<h4>Chimera-dark:</h4>
<img
align="center"
src="./public/img/chimera-dark.png"
alt="Chimera"
width="50%"
/>
<p>Chimera-golden:</p>
<h4>Chimera-golden:</h4>
<img
align="center"
src="./public/img/chimera-golden.png"
Expand Down
83 changes: 43 additions & 40 deletions build/chimera-dark.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion build/chimera-dark.css.map

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit e07579c

Please sign in to comment.