Merged PR 1462: Implementierung Packstück Kontolle

tailwind-plugins/button.plugin.js

@@ -0,0 +1,37 @@
+const plugin = require('tailwindcss/plugin');
+
+module.exports = plugin(function ({ addComponents, theme }) {
+  addComponents({
+    '.isa-button, .isa-cta-button, .isa-icon-button': {
+      display: 'inline-block',
+      padding: theme('spacing.2'),
+      backgroundColor: theme('colors.white'),
+      color: theme('colors.black'),
+      borderRadius: theme('borderRadius.DEFAULT'),
+      borderColor: theme('colors.cadet-blue'),
+      borderStyle: 'solid',
+      borderWidth: theme('borderWidth.DEFAULT'),
+      fontWeight: theme('fontWeight.bold'),
+    },
+    '.isa-cta-button': {
+      padding: `${theme('spacing.5')} ${theme('spacing.9')}`,
+      backgroundColor: theme('colors.white'),
+      color: theme('colors.brand'),
+      borderRadius: theme('borderRadius.full'),
+      borderColor: theme('colors.brand'),
+      borderWidth: theme('borderWidth.2'),
+      fontSize: theme('fontSize.lg'),
+    },
+    '.isa-button-primary': {
+      backgroundColor: theme('colors.brand'),
+      color: theme('colors.white'),
+    },
+    '.isa-icon-button': {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: theme('spacing.7'),
+      height: theme('spacing.7'),
+    },
+  });
+});

tailwind-plugins/label.plugin.js

@@ -0,0 +1,13 @@
+const plugin = require('tailwindcss/plugin');
+
+module.exports = plugin(function ({ addComponents, theme }) {
+  addComponents({
+    '.isa-label': {
+      display: 'inline-block',
+      padding: `0 ${theme('padding.4')}`,
+      borderRadius: theme('borderRadius.DEFAULT'),
+      color: theme('colors.white'),
+      backgroundColor: theme('colors.gray.500'),
+    },
+  });
+});