Skip to content

Commit e07579c

Browse files
✨New features and multiple improvements (#74)
* 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
1 parent 7ce7866 commit e07579c

23 files changed

+190
-177
lines changed

.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,2 @@
11
node_modules/
2+
*.html

CONTRIBUTION_GUIDE.md

Whitespace-only changes.

README.md

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,17 @@ What we want to achieve for the framework is as following:
3535

3636
## How?
3737

38-
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)
38+
You can implement chimera into your private project by downloading the ChimeraCSS package and directly link to the Chimera.css file:
39+
40+
```bash
41+
npm install chimeracss
42+
yarn add chimeracss
43+
pnpm add chimeracss
44+
```
45+
```javascript
46+
import "~/node_modules/chimeracss/css/chimera.css";
47+
```
48+
or by including this tag in your HTML header. (Remember to declare version where ":version" is, in the URL)
3949

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

48-
You can also download the ChimeraCSS package and directly link to the Chimera.css file:
49-
50-
```bash
51-
npm install chimeracss
52-
```
53-
54-
or
5558

56-
```bash
57-
yarn add chimeracss
58-
```
5959

6060
### Themes
6161

@@ -84,28 +84,28 @@ Chimera-golden
8484
### Theme comparisons
8585

8686
<div>
87-
<p>No css/HTML only</p>
87+
<h4>No css/HTML only</h4>
8888
<img
8989
align="center"
9090
src="./public/img/no-css.png"
9191
alt="Chimera"
9292
width="50%"
9393
/>
94-
<p>Chimera:</p>
94+
<h4>Chimera:</h4>
9595
<img
9696
align="center"
9797
src="./public/img/chimera.png"
9898
alt="Chimera"
9999
width="50%"
100100
/>
101-
<p>Chimera-dark:</p>
101+
<h4>Chimera-dark:</h4>
102102
<img
103103
align="center"
104104
src="./public/img/chimera-dark.png"
105105
alt="Chimera"
106106
width="50%"
107107
/>
108-
<p>Chimera-golden:</p>
108+
<h4>Chimera-golden:</h4>
109109
<img
110110
align="center"
111111
src="./public/img/chimera-golden.png"

build/chimera-dark.css

Lines changed: 43 additions & 40 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

build/chimera-dark.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)