Skip to content

Commit ae226f0

Browse files
author
LorenzoTettamanti
committed
Framework migration: updated styles and imports
1 parent 4cf51d7 commit ae226f0

7 files changed

Lines changed: 44 additions & 93 deletions

File tree

‎app/page.jsx‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,14 @@
11
"use client";
22
import React from "react";
33
import HomePage from "../components/Pages/HomePage";
4-
import "../styles/style.css"
5-
4+
import "../styles/style.css";
65

76
export default function Home() {
87
return (
98
<>
10-
{/* <div data-bs-spy="scroll">
11-
<HomePage />
12-
</div> */}
13-
<HomePage />
9+
<div className="overflow-x-hidden" data-bs-spy="scroll">
10+
<HomePage />
11+
</div>
1412
</>
1513
);
1614
}

‎components/Footer/footer.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import React from "react";
1+
'use client';
22
import Link from "next/link";
33
import { FaMedium, FaDev } from "react-icons/fa";
44

‎components/HomePage/home.jsx‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,7 @@
22

33
import React, { useEffect, useState, useRef } from "react";
44

5-
import "bootstrap/dist/css/bootstrap.min.css";
6-
import "bootstrap-icons/font/bootstrap-icons.css";
75
import "aos/dist/aos.css";
8-
import "glightbox/dist/css/glightbox.min.css";
96
import AOS from "aos"; // Importa AOS
107

118
import githubLogo from "../../public/assets/img/github.png";
@@ -88,8 +85,8 @@ const Homepg = () => {
8885
<div className="row py-10 ">
8986
<div className="mt-12 col-lg-6 d-flex font-normal flex-column justify-content-center font-poppins">
9087
<h1
91-
className="mb-3 lg:text-7xl font-medium mt-30 font-poppins bg-gradient-to-r
92-
from-blue-700 via-yellow-500 to-orange-600 inline-block
88+
className="inline-block mb-3 lg:text-7xl font-medium mt-30 font-poppins bg-gradient-to-r
89+
from-blue-700 via-yellow-500 to-orange-600
9390
text-transparent bg-clip-text
9491
lg:mx-0
9592
md:max-w-[600px] md:text-7xl md:mx-0

‎package-lock.json‎

Lines changed: 29 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎styles/style.css‎

Lines changed: 3 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,6 @@
6464
--tracking-wide: 0.025em;
6565
--radius-lg: 0.5rem;
6666
--radius-xl: 0.75rem;
67-
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
6867
--animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
6968
--default-transition-duration: 150ms;
7069
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -352,9 +351,6 @@
352351
.inline-flex {
353352
display: inline-flex;
354353
}
355-
.table {
356-
display: table;
357-
}
358354
.size-1 {
359355
width: calc(var(--spacing) * 1);
360356
height: calc(var(--spacing) * 1);
@@ -424,24 +420,12 @@
424420
.max-w-xl {
425421
max-width: var(--container-xl);
426422
}
427-
.flex-shrink {
428-
flex-shrink: 1;
429-
}
430423
.flex-shrink-0 {
431424
flex-shrink: 0;
432425
}
433-
.border-collapse {
434-
border-collapse: collapse;
435-
}
436-
.transform {
437-
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
438-
}
439426
.animate-ping {
440427
animation: var(--animate-ping);
441428
}
442-
.resize {
443-
resize: both;
444-
}
445429
.grid-cols-1 {
446430
grid-template-columns: repeat(1, minmax(0, 1fr));
447431
}
@@ -451,9 +435,6 @@
451435
.flex-col {
452436
flex-direction: column;
453437
}
454-
.flex-wrap {
455-
flex-wrap: wrap;
456-
}
457438
.items-center {
458439
align-items: center;
459440
}
@@ -511,6 +492,9 @@
511492
.overflow-hidden {
512493
overflow: hidden;
513494
}
495+
.overflow-x-hidden {
496+
overflow-x: hidden;
497+
}
514498
.rounded-full {
515499
border-radius: calc(infinity * 1px);
516500
}
@@ -587,9 +571,6 @@
587571
.bg-clip-text {
588572
background-clip: text;
589573
}
590-
.p-3 {
591-
padding: calc(var(--spacing) * 3);
592-
}
593574
.p-3\.5 {
594575
padding: calc(var(--spacing) * 3.5);
595576
}
@@ -701,9 +682,6 @@
701682
.text-pretty {
702683
text-wrap: pretty;
703684
}
704-
.text-wrap {
705-
text-wrap: wrap;
706-
}
707685
.whitespace-nowrap {
708686
white-space: nowrap;
709687
}
@@ -737,9 +715,6 @@
737715
.uppercase {
738716
text-transform: uppercase;
739717
}
740-
.underline {
741-
text-decoration-line: underline;
742-
}
743718
.opacity-75 {
744719
opacity: 75%;
745720
}
@@ -759,19 +734,12 @@
759734
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
760735
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
761736
}
762-
.ring-gray-400 {
763-
--tw-ring-color: var(--color-gray-400);
764-
}
765737
.ring-gray-400\/10 {
766738
--tw-ring-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent);
767739
@supports (color: color-mix(in lab, red, red)) {
768740
--tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent);
769741
}
770742
}
771-
.outline {
772-
outline-style: var(--tw-outline-style);
773-
outline-width: 1px;
774-
}
775743
.filter {
776744
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
777745
}
@@ -784,10 +752,6 @@
784752
--tw-duration: 300ms;
785753
transition-duration: 300ms;
786754
}
787-
.ease-in-out {
788-
--tw-ease: var(--ease-in-out);
789-
transition-timing-function: var(--ease-in-out);
790-
}
791755
.hover\:bg-blue-700 {
792756
&:hover {
793757
@media (hover: hover) {
@@ -1327,27 +1291,6 @@
13271291
}
13281292
}
13291293
}
1330-
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
1331-
@property --tw-rotate-x {
1332-
syntax: "*";
1333-
inherits: false;
1334-
}
1335-
@property --tw-rotate-y {
1336-
syntax: "*";
1337-
inherits: false;
1338-
}
1339-
@property --tw-rotate-z {
1340-
syntax: "*";
1341-
inherits: false;
1342-
}
1343-
@property --tw-skew-x {
1344-
syntax: "*";
1345-
inherits: false;
1346-
}
1347-
@property --tw-skew-y {
1348-
syntax: "*";
1349-
inherits: false;
1350-
}
13511294
@property --tw-space-y-reverse {
13521295
syntax: "*";
13531296
inherits: false;
@@ -1482,11 +1425,6 @@
14821425
inherits: false;
14831426
initial-value: 0 0 #0000;
14841427
}
1485-
@property --tw-outline-style {
1486-
syntax: "*";
1487-
inherits: false;
1488-
initial-value: solid;
1489-
}
14901428
@property --tw-blur {
14911429
syntax: "*";
14921430
inherits: false;
@@ -1544,10 +1482,6 @@
15441482
syntax: "*";
15451483
inherits: false;
15461484
}
1547-
@property --tw-ease {
1548-
syntax: "*";
1549-
inherits: false;
1550-
}
15511485
@keyframes ping {
15521486
75%, 100% {
15531487
transform: scale(2);
@@ -1557,11 +1491,6 @@
15571491
@layer properties {
15581492
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
15591493
*, ::before, ::after, ::backdrop {
1560-
--tw-rotate-x: initial;
1561-
--tw-rotate-y: initial;
1562-
--tw-rotate-z: initial;
1563-
--tw-skew-x: initial;
1564-
--tw-skew-y: initial;
15651494
--tw-space-y-reverse: 0;
15661495
--tw-space-x-reverse: 0;
15671496
--tw-border-style: solid;
@@ -1591,7 +1520,6 @@
15911520
--tw-ring-offset-width: 0px;
15921521
--tw-ring-offset-color: #fff;
15931522
--tw-ring-offset-shadow: 0 0 #0000;
1594-
--tw-outline-style: solid;
15951523
--tw-blur: initial;
15961524
--tw-brightness: initial;
15971525
--tw-contrast: initial;
@@ -1606,7 +1534,6 @@
16061534
--tw-drop-shadow-alpha: 100%;
16071535
--tw-drop-shadow-size: initial;
16081536
--tw-duration: initial;
1609-
--tw-ease: initial;
16101537
}
16111538
}
16121539
}

‎styles/tw-global.css‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,5 +3,3 @@
33
@tailwind base;
44
@tailwind components;
55
@tailwind utilities;
6-
7-
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

‎tailwind.config.js‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
11
/** @type {import('tailwindcss').Config} */
2+
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
3+
24
module.exports = {
3-
content: ["./app/**/*.{js,jsx}", "./components/**/*.{js,jsx}"],
5+
content: ["./app/**/*.{js,jsx}",
6+
"./components/**/*.{js,jsx}"
7+
],
48
theme: {
59
screens: {
610
sxs: "360px",

0 commit comments

Comments
 (0)