@obosbbl/grunnmuren-tailwind 2.2.2 → 2.3.1
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 +2 -1
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
|
@@ -70,7 +70,8 @@
|
|
|
70
70
|
&:where(a) {
|
|
71
71
|
color: var(--tw-prose-links);
|
|
72
72
|
text-decoration: underline;
|
|
73
|
-
|
|
73
|
+
/** Copied from the Link component: **/
|
|
74
|
+
@apply inline-flex cursor-pointer items-center gap-1 font-medium hover:no-underline focus-visible:outline-current focus-visible:outline-focus-offset [&>svg]:shrink-0;
|
|
74
75
|
}
|
|
75
76
|
|
|
76
77
|
&:where(strong) {
|