Skip to content

Commit 5f6e35b

Browse files
jamiebuildsjamiebuilds
committed
tooling setup
1 parent a899623 commit 5f6e35b

27 files changed

+3983
-1452
lines changed

‎.github/dependabot.yml

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
# https://help.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
2+
version: 2
3+
updates:
4+
- package-ecosystem: "npm"
5+
directory: "/"
6+
schedule:
7+
interval: "daily"
8+
ignore:
9+
- dependency-name: "*"
10+
update-types:
11+
- "version-update:semver-patch"
12+
- "version-update:semver-minor"

‎.github/workflows/checks.yml

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
name: checks
2+
on: [push]
3+
jobs:
4+
format:
5+
runs-on: ubuntu-latest
6+
steps:
7+
- uses: actions/checkout@v2
8+
- uses: actions/setup-node@v2
9+
with:
10+
node-version: "14"
11+
cache: "npm"
12+
- name: npm ci
13+
run: npm ci --ignore-scripts
14+
- name: npm run format:check
15+
run: npm run format:check

‎.husky/.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
_

‎.husky/pre-commit

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
#!/bin/sh
2+
. "$(dirname "$0")/_/husky.sh"
3+
4+
npx lint-staged

‎.prettierignore

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
LICENSE
2+
.*ignore

‎.prettierrc

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"useTabs": true,
3+
"semi": false,
4+
"trailingComma": "all"
5+
}

‎README.md

+7-8
Original file line numberDiff line numberDiff line change
@@ -31,13 +31,13 @@ Then add the plugin to your `tailwind.config.js` file:
3131
```js
3232
// @filename tailwind.config.js
3333
module.exports = {
34-
theme: {
35-
// ...
36-
},
37-
plugins: [
38-
require('tailwindcss-animate'),
39-
// ...
40-
],
34+
theme: {
35+
// ...
36+
},
37+
plugins: [
38+
require("tailwindcss-animate"),
39+
// ...
40+
],
4141
}
4242
```
4343

@@ -64,7 +64,6 @@ module.exports = {
6464
- [Changing exit animation ending scale](#changing-exit-animation-ending-scale)
6565
- [Changing exit animation ending translate](#changing-exit-animation-ending-translate)
6666

67-
6867
### Basic Usage
6968

7069
#### Changing animation delay

‎docs/animation-delay.md

+10-10
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ Tailwind lets you conditionally apply utility classes in different states using
3535

3636
```html
3737
<div class="animate-bounce duration-300 delay-150 hover:delay-0">
38-
<!-- ... -->
38+
<!-- ... -->
3939
</div>
4040
```
4141

@@ -47,7 +47,7 @@ You can also use variant modifiers to target media queries like responsive break
4747

4848
```html
4949
<div class="animate-bounce duration-300 delay-150 md:delay-0">
50-
<!-- ... -->
50+
<!-- ... -->
5151
</div>
5252
```
5353

@@ -62,13 +62,13 @@ By default, Tailwind provides `animation-delay` utilities for all of the built-i
6262
```js
6363
// @filename tailwind.config.js
6464
module.exports = {
65-
theme: {
66-
extend: {
67-
animationDelay: {
68-
'2s': '2s',
69-
}
70-
}
71-
}
65+
theme: {
66+
extend: {
67+
animationDelay: {
68+
"2s": "2s",
69+
},
70+
},
71+
},
7272
}
7373
```
7474

@@ -80,7 +80,7 @@ If you need to use a one-off `animation-delay` value that doesn’t make sense t
8080

8181
```html
8282
<div class="delay-[2s]">
83-
<!-- ... -->
83+
<!-- ... -->
8484
</div>
8585
```
8686

‎docs/animation-direction.md

+10-10
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ Tailwind lets you conditionally apply utility classes in different states using
3030

3131
```html
3232
<div class="animate-bounce duration-300 delay-150 hover:direction-normal">
33-
<!-- ... -->
33+
<!-- ... -->
3434
</div>
3535
```
3636

@@ -42,7 +42,7 @@ You can also use variant modifiers to target media queries like responsive break
4242

4343
```html
4444
<div class="animate-bounce duration-300 delay-150 md:direction-normal">
45-
<!-- ... -->
45+
<!-- ... -->
4646
</div>
4747
```
4848

@@ -57,13 +57,13 @@ By default, Tailwind provides `animation-direction` utilities for all of the bui
5757
```js
5858
// @filename tailwind.config.js
5959
module.exports = {
60-
theme: {
61-
extend: {
62-
animationDirection: {
63-
'normal-reverse': 'normal, reverse',
64-
}
65-
}
66-
}
60+
theme: {
61+
extend: {
62+
animationDirection: {
63+
"normal-reverse": "normal, reverse",
64+
},
65+
},
66+
},
6767
}
6868
```
6969

@@ -75,7 +75,7 @@ If you need to use a one-off `animation-direction` value that doesn’t make sen
7575

7676
```html
7777
<div class="direction-[normal,reverse]">
78-
<!-- ... -->
78+
<!-- ... -->
7979
</div>
8080
```
8181

‎docs/animation-duration.md

+12-12
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22

33
> Utilities for controlling the duration of CSS animations.
44
5-
| Class | Properties |
6-
| ------------ | -------------------------- |
5+
| Class | Properties |
6+
| --------------- | ----------------------------- |
77
| `duration-75` | `animation-duration: 75ms;` |
88
| `duration-100` | `animation-duration: 100ms;` |
99
| `duration-150` | `animation-duration: 150ms;` |
@@ -35,7 +35,7 @@ Tailwind lets you conditionally apply utility classes in different states using
3535

3636
```html
3737
<div class="animate-bounce duration-300 hover:duration-0">
38-
<!-- ... -->
38+
<!-- ... -->
3939
</div>
4040
```
4141

@@ -47,7 +47,7 @@ You can also use variant modifiers to target media queries like responsive break
4747

4848
```html
4949
<div class="animate-bounce duration-150 md:duration-0">
50-
<!-- ... -->
50+
<!-- ... -->
5151
</div>
5252
```
5353

@@ -62,13 +62,13 @@ By default, Tailwind provides `animation-duration` utilities for all of the buil
6262
```js
6363
// @filename tailwind.config.js
6464
module.exports = {
65-
theme: {
66-
extend: {
67-
animationDuration: {
68-
'2s': '2s',
69-
}
70-
}
71-
}
65+
theme: {
66+
extend: {
67+
animationDuration: {
68+
"2s": "2s",
69+
},
70+
},
71+
},
7272
}
7373
```
7474

@@ -80,7 +80,7 @@ If you need to use a one-off `animation-duration` value that doesn’t make sens
8080

8181
```html
8282
<div class="duration-[2s]">
83-
<!-- ... -->
83+
<!-- ... -->
8484
</div>
8585
```
8686

‎docs/animation-fill-mode.md

+16-12
Original file line numberDiff line numberDiff line change
@@ -29,8 +29,10 @@ Use the `fill-mode-{keyword}` utilities to control an element’s `animation-fil
2929
Tailwind lets you conditionally apply utility classes in different states using variant modifiers. For example, use `hover:fill-mode-forwards` to only apply the `fill-mode-forwards` utility on hover.
3030

3131
```html
32-
<div class="animate-bounce duration-300 fill-mode-backwards hover:fill-mode-forwards">
33-
<!-- ... -->
32+
<div
33+
class="animate-bounce duration-300 fill-mode-backwards hover:fill-mode-forwards"
34+
>
35+
<!-- ... -->
3436
</div>
3537
```
3638

@@ -41,8 +43,10 @@ For a complete list of all available state modifiers, check out the [Hover, Focu
4143
You can also use variant modifiers to target media queries like responsive breakpoints, dark mode, prefers-reduced-motion, and more. For example, use `md:fill-mode-forwards` to apply the `fill-mode-forwards` utility at only medium screen sizes and above.
4244

4345
```html
44-
<div class="animate-bounce duration-300 fill-mode-backwards md:fill-mode-forwards">
45-
<!-- ... -->
46+
<div
47+
class="animate-bounce duration-300 fill-mode-backwards md:fill-mode-forwards"
48+
>
49+
<!-- ... -->
4650
</div>
4751
```
4852

@@ -57,13 +61,13 @@ By default, Tailwind provides `animation-direction` utilities for all of the bui
5761
```js
5862
// @filename tailwind.config.js
5963
module.exports = {
60-
theme: {
61-
extend: {
62-
animationDirection: {
63-
'forwards-backwards': 'forwards, backwards',
64-
}
65-
}
66-
}
64+
theme: {
65+
extend: {
66+
animationDirection: {
67+
"forwards-backwards": "forwards, backwards",
68+
},
69+
},
70+
},
6771
}
6872
```
6973

@@ -75,7 +79,7 @@ If you need to use a one-off `animation-fill-mode` value that doesn’t make sen
7579

7680
```html
7781
<div class="fill-mode-[forwards,backwards]">
78-
<!-- ... -->
82+
<!-- ... -->
7983
</div>
8084
```
8185

‎docs/animation-iteration-count.md

+10-10
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ Tailwind lets you conditionally apply utility classes in different states using
3030

3131
```html
3232
<div class="animate-bounce repeat-infinite hover:repeat-1">
33-
<!-- ... -->
33+
<!-- ... -->
3434
</div>
3535
```
3636

@@ -42,7 +42,7 @@ You can also use variant modifiers to target media queries like responsive break
4242

4343
```html
4444
<div class="animate-bounce repeat-infinite md:repeat-1">
45-
<!-- ... -->
45+
<!-- ... -->
4646
</div>
4747
```
4848

@@ -57,13 +57,13 @@ By default, Tailwind includes a handful of general purpose `animation-iteration-
5757
```js
5858
// @filename tailwind.config.js
5959
module.exports = {
60-
theme: {
61-
extend: {
62-
animationIterationCount: {
63-
'2': '2',
64-
}
65-
}
66-
}
60+
theme: {
61+
extend: {
62+
animationIterationCount: {
63+
2: "2",
64+
},
65+
},
66+
},
6767
}
6868
```
6969

@@ -75,7 +75,7 @@ If you need to use a one-off `animation-iteration-count` value that doesn’t ma
7575

7676
```html
7777
<div class="repeat-[2]">
78-
<!-- ... -->
78+
<!-- ... -->
7979
</div>
8080
```
8181

‎docs/animation-play-state.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ Tailwind lets you conditionally apply utility classes in different states using
2626

2727
```html
2828
<div class="animate-bounce paused hover:running">
29-
<!-- ... -->
29+
<!-- ... -->
3030
</div>
3131
```
3232

@@ -38,7 +38,7 @@ You can also use variant modifiers to target media queries like responsive break
3838

3939
```html
4040
<div class="animate-bounce paused md:running">
41-
<!-- ... -->
41+
<!-- ... -->
4242
</div>
4343
```
4444

0 commit comments

Comments
 (0)