@obosbbl/grunnmuren-tailwind 0.8.3 → 0.8.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@obosbbl/grunnmuren-tailwind",
-  "version": "0.8.3",
+  "version": "0.8.5",
   "description": "Grunnmuren Tailwind preset",
   "license": "MIT",
   "type": "commonjs",
@@ -16,11 +16,11 @@
   ],
   "dependencies": {
     "@tailwindcss/aspect-ratio": "0.4.2",
-    "@tailwindcss/typography": "0.5.8"
+    "@tailwindcss/typography": "0.5.9"
   },
   "devDependencies": {
-    "tailwindcss": "3.2.4",
-    "postcss": "8.4.18"
+    "tailwindcss": "3.2.7",
+    "postcss": "8.4.21"
   },
   "peerDependencies": {
     "tailwindcss": "^3.2"

package/tailwind-base.cjs

@@ -116,10 +116,13 @@ const radio = plugin(function ({ addComponents, theme }) {
       borderRadius: '50%',
       border: `2px solid ${theme('colors.gray.dark')}`,
       cursor: 'pointer',
-      marginRight: '0.75rem',
       // use grid to handle the checked:before styles
       display: 'inline-grid',
       placeContent: 'center',
+      // Prevent flex container from altering the size of the radio button
+      flex: '0 0 auto',
+      // magic number that tries to keep the input horizontally centered in relation to the first line of the label text
+      transform: 'translateY(0.095em)',
       '&:checked': {
         borderColor: theme('colors.green.DEFAULT'),
       },
@@ -461,23 +464,39 @@ module.exports = (userOptions) => {
                 fontWeight: 400,
               },
               h1: {
-                fontWeight: 'bold',
+                fontWeight: theme('fontWeight.bold'),
+                fontSize: theme('fontSize.3xl'),
+                '@media (min-width: theme("screens.md"))': {
+                  fontSize: theme('fontSize.5xl'),
+                },
               },
               h2: {
-                fontWeight: 'bold',
+                fontWeight: theme('fontWeight.bold'),
+                fontSize: theme('fontSize.2xl'),
+                '@media (min-width: theme("screens.md"))': {
+                  fontSize: theme('fontSize.4xl'),
+                },
               },
               h3: {
-                fontWeight: 'bold',
+                fontWeight: theme('fontWeight.bold'),
+                fontSize: theme('fontSize.xl'),
+                '@media (min-width: theme("screens.md"))': {
+                  fontSize: theme('fontSize.2xl'),
+                },
               },
               h4: {
-                fontWeight: 'bold',
+                fontWeight: theme('fontWeight.bold'),
+                fontSize: theme('fontSize.lg'),
+                '@media (min-width: theme("screens.md"))': {
+                  fontSize: theme('fontSize.xl'),
+                },
               },
               li: {
                 marginTop: '1.5em',
                 marginBottom: '1.5em',
               },
               blockquote: {
-                fontWeight: '700',
+                fontWeight: theme('fontWeight.bold'),
                 fontStyle: 'normal',
               },
               'blockquote p:first-of-type::before': {
@@ -487,7 +506,7 @@ module.exports = (userOptions) => {
                 content: '"»"',
               },
               '[class~="lead"]': {
-                fontWeight: 500,
+                fontWeight: theme('fontWeight.medium'),
               },
             },
           },