libreria-astro-lefebvre 0.2.9 → 0.2.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "libreria-astro-lefebvre",
3
- "version": "0.2.9",
3
+ "version": "0.2.12",
4
4
  "description": "Librería de componentes Astro, React y Vue para Lefebvre",
5
5
  "author": "Equipo web desarrollo Lefebvre",
6
6
  "type": "module",
@@ -48,7 +48,7 @@ const {
48
48
 
49
49
  ---
50
50
 
51
- <nav class="w-full flex">
51
+ <nav class="w-full flex bg-[#F2EEE1]">
52
52
  <div class="font-body max-w-7xl w-full mx-auto flex gap-2 text-[#403830] px-6 md:px-2 py-2 text-sm items-center">
53
53
  <a href={subdirectory + '/'} class="flex items-center gap-2 underline">
54
54
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
@@ -19,12 +19,14 @@ const randomId = Math.floor(Math.random() * 1000);
19
19
 
20
20
  <section class="w-full flex justify-center [background:conic-gradient(from_180deg_at_50%_44.39%,rgba(107,58,8,0.01)_0.07096946937963367deg,rgba(255,255,255,0.17)_177.9798674583435deg),var(--Background-Base,#FFF)]" id={`comp-Calc-${randomId}`}>
21
21
  <article class="w-full max-w-7xl flex flex-col py-6 px-4">
22
- {tag && (
23
- <span class="text-[#403830] text-center font-body text-base not-italic font-normal leading-6 flex items-center justify-center gap-2.5 w-fit py-2 px-3 rounded bg-[rgba(107,58,8,0.10)] mb-8">{tag}</span>
24
- )}
22
+
25
23
 
26
24
  <div class="flex flex-col md:flex-row items-center gap-6">
27
25
  <div class="w-full md:w-1/2 flex flex-col">
26
+ {tag && (
27
+ <span class="self-start inline-flex items-center gap-2 py-2 px-3 mb-8 rounded bg-black/[0.04] text-center font-mono text-sm font-normal leading-5 tracking-[0.84px] uppercase text-[#403830]"><span class="size-1.5 rounded-full bg-[#d71635]" aria-hidden="true"></span>{tag}</span>
28
+ )}
29
+
28
30
  {title && (
29
31
  <h2 class="font-heading text-[#1b1b1b] text-left text-[28px] leading-9 md:text-[32px] md:leading-10 not-italic font-normal mb-8" set:html={title}></h2>
30
32
  )}
@@ -23,12 +23,11 @@ const randomId = Math.floor(Math.random() * 1000);
23
23
 
24
24
  <section class="w-full max-w-7xl flex justify-center [background:conic-gradient(from_180deg_at_50%_44.39%,rgba(107,58,8,0.01)_0.07096946937963367deg,rgba(255,255,255,0.17)_177.9798674583435deg),var(--Background-Base,#FFF)]" id={`comp-ContHuesca-${randomId}`}>
25
25
  <article class="w-full justify-center max-w-7xl flex flex-col py-6 px-4">
26
- {tag && (
27
- <span class="text-[#403830] text-center font-body text-base not-italic font-normal leading-6 flex items-center justify-center gap-2.5 w-fit py-2 px-3 rounded bg-[rgba(107,58,8,0.10)] mb-8">{tag}</span>
28
- )}
29
-
30
26
  <div class="flex flex-col md:flex-row items-center gap-6">
31
27
  <div class="w-full md:w-1/2 flex flex-col">
28
+ {tag && (
29
+ <span class="self-start inline-flex items-center gap-2 py-2 px-3 mb-8 rounded bg-black/[0.04] text-center font-mono text-sm font-normal leading-5 tracking-[0.84px] uppercase text-[#403830]"><span class="size-1.5 rounded-full bg-[#d71635]" aria-hidden="true"></span>{tag}</span>
30
+ )}
32
31
  {title && (
33
32
  <h2 class="font-heading text-[#1b1b1b] text-left text-[28px] leading-9 md:text-[32px] md:leading-10 not-italic font-normal mb-8" set:html={title}></h2>
34
33
  )}