@obosbbl/grunnmuren-tailwind 0.6.0 → 0.7.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.
Files changed (2) hide show
  1. package/package.json +5 -4
  2. package/tailwind-base.cjs +14 -5
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.1",
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.17"
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
@@ -360,10 +369,10 @@ module.exports = (userOptions) => {
360
369
  extend: {
361
370
  maxWidth: {
362
371
  // Override Tailwinds default prose width of 60 chars to 48. Roughly 590 pixels
363
- prose: '590px',
372
+ prose: '696px',
364
373
  },
365
374
  width: {
366
- prose: '590px',
375
+ prose: '696px',
367
376
  },
368
377
  screens: {
369
378
  // replicate the smaller than breakpoint from Windi. Even though we are mobile first, it is really nice with an escape hatch sometimes