[Added] Resume, fixed the menu

2024-11-23 00:06:39 +01:00
parent 76906c606c
commit 76f87f63be
13 changed files with 164 additions and 85 deletions
@@ -1,26 +1,82 @@
 /** @type {import('tailwindcss').Config} */

+const plugin = require("tailwindcss/plugin");

-const plugin = require('tailwindcss/plugin')
-
-const backfaceVisibility = plugin(function({addUtilities}) {
+const backfaceVisibility = plugin(function ({ addUtilities }) {
  addUtilities({
-    '.backface-visible': {
-      'backface-visibility': 'visible',
+    ".backface-visible": {
+      "backface-visibility": "visible",
    },
-    '.backface-hidden': {
-      'backface-visibility': 'hidden',
-    }
-  })
+    ".backface-hidden": {
+      "backface-visibility": "hidden",
+    },
+  });
+});
+
+// const winged = plugin(function({addUtilities}) {
+//   addUtilities({
+//     '.winged': {
+//       'position': 'relative',
+//       '&::before, &::after': {
+//         content: '""',
+//         width: '4rem',
+//         height: '2px',
+//         background: '#ea5f00',
+//         // color: 'white',
+//         // backgroundColor: 'white',
+//         position: 'absolute',
+//         top: '50%',
+//         left: 0,
+//         right: 0,
+//         margin: '0 auto',
+//         transform: 'translateY(-50%)'
+//       },
+//       '&::before': {
+//         // left: '-2.5rem'
+//       },
+//       '&::after': {
+//         // left: '2.5rem'
+//       }
+
+//     }
+//   })
+// });
+
+const winged = plugin(function({ addUtilities }) {
+  const createWingedClass = (position) => {
+    return {
+      'position': 'relative',
+      '&::before, &::after': {
+        content: '""',
+        height: '2px',
+        width: '4rem',
+        background: '#ea5f00',
+        position: 'absolute',
+        top: '50%',
+        left: 0,
+        right: 0,
+        margin: '0 auto',
+        transform: 'translateY(-50%)'
+      },
+      '&::before': {
+        left: `-${position}`,
+      },
+      '&::after': {
+        left: position,//`${position}rem`,
+      }
+    };
+  };
+
+  addUtilities({
+    '.winged-11': createWingedClass('11rem'),
+    '.winged-14': createWingedClass('14rem')
+  });
 });

 module.exports = {
-  content: [
-    "./src/**/*.{html,ts}",
-  ],
+  content: ["./src/**/*.{html,ts}"],
  theme: {
    extend: {},
  },
-  plugins: [backfaceVisibility],
-}
-
+  plugins: [winged, backfaceVisibility],
+};