@obosbbl/grunnmuren-tailwind 0.6.0 → 0.7.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.
Files changed (2) hide show
  1. package/package.json +5 -4
  2. package/tailwind-base.cjs +12 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@obosbbl/grunnmuren-tailwind",
3
- "version": "0.6.0",
3
+ "version": "0.7.0",
4
4
  "description": "Grunnmuren Tailwind preset",
5
5
  "license": "MIT",
6
6
  "type": "commonjs",
@@ -15,11 +15,12 @@
15
15
  "tailwind-base.cjs"
16
16
  ],
17
17
  "dependencies": {
18
- "@tailwindcss/aspect-ratio": "0.4.0",
19
- "@tailwindcss/typography": "0.5.4"
18
+ "@tailwindcss/aspect-ratio": "0.4.2",
19
+ "@tailwindcss/typography": "0.5.7"
20
20
  },
21
21
  "devDependencies": {
22
- "tailwindcss": "3.1.8"
22
+ "tailwindcss": "3.1.8",
23
+ "postcss": "8.4.16"
23
24
  },
24
25
  "peerDependencies": {
25
26
  "tailwindcss": "^3"
package/tailwind-base.cjs CHANGED
@@ -312,14 +312,23 @@ module.exports = (userOptions) => {
312
312
  zIndex: '100',
313
313
  },
314
314
  /**
315
- * Round the corners of our main content.
316
- * Protip: Use this together with navbar, footer and `bg-blue` class on the body.
315
+ * @deprecated use page-layout and page-layout-main instead
317
316
  */
318
317
  '.pagemain': {
319
318
  backgroundColor: '#fff',
320
- borderRadius: '2rem',
319
+ borderRadius: '1.5rem',
321
320
  overflow: 'hidden',
322
321
  },
322
+
323
+ '.page-layout': {
324
+ display: 'flex',
325
+ flexDirection: 'column',
326
+ minHeight: '100vh',
327
+ },
328
+ '.page-layout-main': {
329
+ backgroundColor: '#fff',
330
+ flexGrow: '1',
331
+ },
323
332
  });
324
333
  addUtilities({
325
334
  // imitates a bold font, but doesn't cause layout due to element width change like with font-weight