@obosbbl/grunnmuren-tailwind 2.0.0-canary.0 → 2.0.0-canary.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -8
- package/package.json +5 -4
- package/tailwind-base.cjs +6 -4
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @obosbbl/grunnmuren-tailwind
|
|
2
2
|
|
|
3
|
-
[](https://www.npmjs.com/package/@obosbbl/grunnmuren-tailwind)
|
|
4
4
|
|
|
5
5
|
Grunnmuren Tailwind preset. See the [Tailwind documentation](https://tailwindcss.com/docs/presets) for more information about how presets work.
|
|
6
6
|
|
|
@@ -8,14 +8,10 @@ Grunnmuren Tailwind preset. See the [Tailwind documentation](https://tailwindcss
|
|
|
8
8
|
|
|
9
9
|
```sh
|
|
10
10
|
# npm
|
|
11
|
-
npm install -D @obosbbl/grunnmuren-tailwind tailwindcss postcss autoprefixer
|
|
11
|
+
npm install -D @obosbbl/grunnmuren-tailwind@canary tailwindcss postcss autoprefixer
|
|
12
12
|
|
|
13
13
|
# pnpm
|
|
14
|
-
pnpm add -D @obosbbl/grunnmuren-tailwind tailwindcss postcss autoprefixer
|
|
15
|
-
|
|
16
|
-
# yarn
|
|
17
|
-
yarn add -D @obosbbl/grunnmuren-tailwind tailwindcss postcss autoprefixer
|
|
18
|
-
|
|
14
|
+
pnpm add -D @obosbbl/grunnmuren-tailwind@canary tailwindcss postcss autoprefixer
|
|
19
15
|
```
|
|
20
16
|
|
|
21
17
|
## Usage
|
|
@@ -33,7 +29,7 @@ module.exports = {
|
|
|
33
29
|
'./src/app/**/*.{js,ts,jsx,tsx,}',
|
|
34
30
|
|
|
35
31
|
// If you're using Grunnmuren's React components
|
|
36
|
-
'./node_modules/@obosbbl/grunnmuren-react/dist/**/*.
|
|
32
|
+
'./node_modules/@obosbbl/grunnmuren-react/dist/**/*.mjs',
|
|
37
33
|
],
|
|
38
34
|
};
|
|
39
35
|
```
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@obosbbl/grunnmuren-tailwind",
|
|
3
|
-
"version": "2.0.0-canary.
|
|
3
|
+
"version": "2.0.0-canary.2",
|
|
4
4
|
"description": "Grunnmuren Tailwind preset",
|
|
5
5
|
"repository": {
|
|
6
6
|
"url": "https://github.com/code-obos/grunnmuren"
|
|
@@ -15,12 +15,13 @@
|
|
|
15
15
|
],
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@tailwindcss/aspect-ratio": "^0.4.2",
|
|
18
|
-
"@tailwindcss/typography": "^0.5.10"
|
|
18
|
+
"@tailwindcss/typography": "^0.5.10",
|
|
19
|
+
"tailwindcss-animate": "^1.0.7"
|
|
19
20
|
},
|
|
20
21
|
"devDependencies": {
|
|
21
|
-
"tailwindcss": "3.
|
|
22
|
+
"tailwindcss": "3.4.0"
|
|
22
23
|
},
|
|
23
24
|
"peerDependencies": {
|
|
24
|
-
"tailwindcss": "^3.
|
|
25
|
+
"tailwindcss": "^3.4.0"
|
|
25
26
|
}
|
|
26
27
|
}
|
package/tailwind-base.cjs
CHANGED
|
@@ -47,6 +47,7 @@ module.exports = (options = {}) => {
|
|
|
47
47
|
plugins: [
|
|
48
48
|
...v1CompatibilityPlugins,
|
|
49
49
|
require('@tailwindcss/typography'),
|
|
50
|
+
require('tailwindcss-animate'),
|
|
50
51
|
plugin(function ({ addBase, addComponents }) {
|
|
51
52
|
addBase({
|
|
52
53
|
html: {
|
|
@@ -85,10 +86,11 @@ module.exports = (options = {}) => {
|
|
|
85
86
|
}),
|
|
86
87
|
|
|
87
88
|
plugin(function ({ addBase, addComponents }) {
|
|
88
|
-
|
|
89
|
-
const
|
|
90
|
-
const
|
|
91
|
-
const
|
|
89
|
+
// This is tailwind syntax for setting both the font-size and the line-height
|
|
90
|
+
const h1 = '@apply font-bold text-[28px]/[38px] md:text-[40px]/[56px]';
|
|
91
|
+
const h2 = '@apply font-bold text-[24px]/[30px] md:text-[32px]/[42px]';
|
|
92
|
+
const h3 = '@apply font-bold text-[20px]/[30px] md:text-[24px]/[34px]';
|
|
93
|
+
const h4 = '@apply font-bold text-[18px]/[24px] md:text-[20px]/[28px]';
|
|
92
94
|
|
|
93
95
|
if (options.legacyV1Compatibility) {
|
|
94
96
|
addBase({
|