@obosbbl/grunnmuren-tailwind 2.2.2 → 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 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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@obosbbl/grunnmuren-tailwind",
3
- "version": "2.2.2",
3
+ "version": "2.3.0",
4
4
  "description": "Grunnmuren Tailwind preset",
5
5
  "repository": {
6
6
  "url": "https://github.com/code-obos/grunnmuren"
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
  }