noise.show
this repo has no description
style: :lipstick: improve TheHero style
+11
-15
+7
-11
app/components/layout/TheHero.vue
+7
-11
app/components/layout/TheHero.vue
···
2
2
<secton class="bg-white font-main mb-60">
3
3
<div class="section-padding">
4
4
<p
5
-
class="uppercase text-[#cdcdcd] text-4xl md:text-8xl font-bold py-2 md:py-6"
5
+
class="uppercase text-gray-200 text-4xl md:text-6xl font-bold py-2 md:py-6"
6
6
>
7
7
host_25 | Design talks
8
8
</p>
9
-
<p class="text-main text-2xl md:text-7xl font-bold">
9
+
<p class="text-main text-2xl md:text-5xl font-bold">
10
10
Linguaggio dell'Ospitalità e Innovazione:
11
11
</p>
12
12
<div class="mt-3 md:mt-9">
13
-
<!-- Rettangolo sovrapposto -->
14
13
<div
15
-
class="absolute bg-[#cdcdcd] z-20 h-15 w-3xs md:h-40 md:w-xl flex items-center"
14
+
class="relative inline-block px-2 py-1 bg-gray-200 text-main text-[clamp(1rem,4vw,4rem)]"
16
15
>
17
-
<span class="text-main text-2xl md:text-6xl text-center ml-2">
18
-
un
19
-
<span class="font-extrabold text-main text-3xl md:text-7xl font-dos"
20
-
>DATO</span
21
-
>
22
-
di fatto
23
-
</span>
16
+
<span> un <strong class="font-dos">DATO</strong> di fatto </span>
17
+
<div
18
+
class="absolute left-[0.3em] bottom-[-0.3em] w-full h-full bg-secondary -z-10 rounded-sm"
19
+
></div>
24
20
</div>
25
21
</div>
26
22
</div>