@obosbbl/grunnmuren-tailwind 2.2.1 → 2.3.0
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 +2 -2
- package/package.json +1 -1
- package/tailwind-base.css +8 -0
- package/tailwind-typography.css +3 -3
package/README.md
CHANGED
|
@@ -25,7 +25,7 @@ Configure Tailwind to use the preset
|
|
|
25
25
|
|
|
26
26
|
/** Add any auto excluded sources (typically residing in node_modules) */
|
|
27
27
|
@source "../../node_modules/@obosbbl/grunnmuren-react/dist";
|
|
28
|
-
@source "../../node_modules/@code-obos/obos-layout/dist"
|
|
28
|
+
@source "../../node_modules/@code-obos/obos-layout/dist";
|
|
29
29
|
```
|
|
30
30
|
|
|
31
31
|
## Fonts
|
|
@@ -103,4 +103,4 @@ Here is an example of what your main CSS file __might__ look like after migratio
|
|
|
103
103
|
@utility my-custom-util {
|
|
104
104
|
@apply flex flex-col min-h-screen;
|
|
105
105
|
}
|
|
106
|
-
```
|
|
106
|
+
```
|
package/package.json
CHANGED
package/tailwind-base.css
CHANGED
|
@@ -108,6 +108,14 @@
|
|
|
108
108
|
@apply bg-white grow;
|
|
109
109
|
}
|
|
110
110
|
|
|
111
|
+
@utility layout-gap-x {
|
|
112
|
+
@apply gap-x-2 sm:gap-x-4 md:gap-x-9 lg:gap-x-12 xl:gap-x-16;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
@utility layout-gap-y {
|
|
116
|
+
@apply gap-y-4 sm:gap-y-6 md:gap-y-8 lg:gap-y-10 xl:gap-y-12;
|
|
117
|
+
}
|
|
118
|
+
|
|
111
119
|
@utility container {
|
|
112
120
|
@apply w-full px-(--container-gutter-width) mx-auto max-w-(--container-width);
|
|
113
121
|
}
|
package/tailwind-typography.css
CHANGED
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
|
|
76
76
|
&:where(strong) {
|
|
77
77
|
color: var(--tw-prose-bold);
|
|
78
|
-
font-weight:
|
|
78
|
+
font-weight: 500;
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
&:where(a strong) {
|
|
@@ -151,7 +151,7 @@
|
|
|
151
151
|
|
|
152
152
|
&:where(dt) {
|
|
153
153
|
color: var(--tw-prose-headings);
|
|
154
|
-
font-weight:
|
|
154
|
+
font-weight: 500;
|
|
155
155
|
margin-top: 1.25em;
|
|
156
156
|
}
|
|
157
157
|
|
|
@@ -335,7 +335,7 @@
|
|
|
335
335
|
|
|
336
336
|
&:where(thead th) {
|
|
337
337
|
color: var(--tw-prose-headings);
|
|
338
|
-
font-weight:
|
|
338
|
+
font-weight: 500;
|
|
339
339
|
vertical-align: bottom;
|
|
340
340
|
padding-right: 0.5714286em;
|
|
341
341
|
padding-bottom: 0.5714286em;
|