@brumaombra/ui-vintage 0.8.1 → 0.8.2
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/COMPONENTS.md +4 -1
- package/package.json +2 -2
- package/src/components/blog/AllPostsSection.vue +1 -2
- package/src/components/blog/BlogContentRenderer.vue +144 -49
- package/src/components/blog/BlogFAQSection.vue +13 -15
- package/src/components/blog/BlogHeaderSection.vue +27 -9
- package/src/components/blog/BlogInfoSection.vue +37 -36
- package/src/components/blog/BlogProgressBar.vue +5 -2
- package/src/components/blog/BlogSectionTitle.vue +24 -5
- package/src/components/blog/BlogTagsSection.vue +8 -5
- package/src/components/blog/CategoriesList.vue +2 -2
- package/src/components/blog/CategoryCard.vue +25 -16
- package/src/components/blog/HeaderCarousel.vue +109 -146
- package/src/components/blog/PostCard.vue +34 -35
- package/src/components/blog/PostsList.vue +3 -2
- package/src/components/blog/SocialShareSidebar.vue +51 -41
- package/src/components/blog/TableOfContents.vue +14 -10
- package/src/components/content/BlogList.vue +16 -4
- package/src/components/content/BlogTable.vue +4 -4
- package/src/components/content/CodeBlock.vue +5 -5
- package/src/components/content/Flow.vue +4 -4
- package/src/components/content/ProseHr.vue +5 -5
- package/src/components/content/Terminal.vue +10 -4
- package/src/components/landing/landing-footer/LandingFooter.vue +9 -4
- package/src/components/landing/landing-navbar/LandingNavbar.vue +47 -51
- package/src/components/landing/landing-shell/LandingShell.vue +7 -2
- package/src/components/ui/accordion/Accordion.vue +6 -6
- package/src/components/ui/breadcrumb/BreadcrumbEllipsis.vue +1 -1
- package/src/components/ui/breadcrumb/BreadcrumbLink.vue +1 -1
- package/src/components/ui/breadcrumb/BreadcrumbList.vue +1 -1
- package/src/components/ui/breadcrumb/BreadcrumbPage.vue +1 -1
- package/src/components/ui/breadcrumb/BreadcrumbSeparator.vue +2 -6
- package/src/components/ui/card/Card.vue +1 -1
- package/src/components/ui/command/CommandItem.vue +2 -2
- package/src/i18n/de.json +3 -1
- package/src/i18n/en.json +3 -1
- package/src/i18n/es.json +3 -1
- package/src/i18n/fr.json +3 -1
- package/src/i18n/it.json +3 -1
- package/src/i18n/ja.json +3 -1
- package/src/i18n/pt.json +3 -1
- package/src/i18n/ru.json +3 -1
- package/src/i18n/zh.json +3 -1
- package/src/styles.css +40 -0
package/src/i18n/es.json
CHANGED
|
@@ -92,7 +92,9 @@
|
|
|
92
92
|
"x": "Compartir en X",
|
|
93
93
|
"whatsapp": "Compartir en WhatsApp",
|
|
94
94
|
"linkedin": "Compartir en LinkedIn",
|
|
95
|
-
"telegram": "Compartir en Telegram"
|
|
95
|
+
"telegram": "Compartir en Telegram",
|
|
96
|
+
"copy": "Copiar enlace",
|
|
97
|
+
"copied": "Enlace copiado"
|
|
96
98
|
}
|
|
97
99
|
},
|
|
98
100
|
"select": {
|
package/src/i18n/fr.json
CHANGED
|
@@ -92,7 +92,9 @@
|
|
|
92
92
|
"x": "Partager sur X",
|
|
93
93
|
"whatsapp": "Partager sur WhatsApp",
|
|
94
94
|
"linkedin": "Partager sur LinkedIn",
|
|
95
|
-
"telegram": "Partager sur Telegram"
|
|
95
|
+
"telegram": "Partager sur Telegram",
|
|
96
|
+
"copy": "Copier le lien",
|
|
97
|
+
"copied": "Lien copié"
|
|
96
98
|
}
|
|
97
99
|
},
|
|
98
100
|
"select": {
|
package/src/i18n/it.json
CHANGED
|
@@ -92,7 +92,9 @@
|
|
|
92
92
|
"x": "Condividi su X",
|
|
93
93
|
"whatsapp": "Condividi su WhatsApp",
|
|
94
94
|
"linkedin": "Condividi su LinkedIn",
|
|
95
|
-
"telegram": "Condividi su Telegram"
|
|
95
|
+
"telegram": "Condividi su Telegram",
|
|
96
|
+
"copy": "Copia link",
|
|
97
|
+
"copied": "Link copiato"
|
|
96
98
|
}
|
|
97
99
|
},
|
|
98
100
|
"select": {
|
package/src/i18n/ja.json
CHANGED
package/src/i18n/pt.json
CHANGED
|
@@ -92,7 +92,9 @@
|
|
|
92
92
|
"x": "Partilhar no X",
|
|
93
93
|
"whatsapp": "Partilhar no WhatsApp",
|
|
94
94
|
"linkedin": "Partilhar no LinkedIn",
|
|
95
|
-
"telegram": "Partilhar no Telegram"
|
|
95
|
+
"telegram": "Partilhar no Telegram",
|
|
96
|
+
"copy": "Copiar link",
|
|
97
|
+
"copied": "Link copiado"
|
|
96
98
|
}
|
|
97
99
|
},
|
|
98
100
|
"select": {
|
package/src/i18n/ru.json
CHANGED
|
@@ -92,7 +92,9 @@
|
|
|
92
92
|
"x": "Поделиться в X",
|
|
93
93
|
"whatsapp": "Поделиться в WhatsApp",
|
|
94
94
|
"linkedin": "Поделиться в LinkedIn",
|
|
95
|
-
"telegram": "Поделиться в Telegram"
|
|
95
|
+
"telegram": "Поделиться в Telegram",
|
|
96
|
+
"copy": "Копировать ссылку",
|
|
97
|
+
"copied": "Ссылка скопирована"
|
|
96
98
|
}
|
|
97
99
|
},
|
|
98
100
|
"select": {
|
package/src/i18n/zh.json
CHANGED
package/src/styles.css
CHANGED
|
@@ -167,6 +167,24 @@ html {
|
|
|
167
167
|
--animate-uv-ping-soft: uv-ping-soft 1.8s var(--ease-out-expo) infinite;
|
|
168
168
|
--animate-uv-indeterminate: uv-indeterminate 1.4s var(--ease-snappy) infinite;
|
|
169
169
|
--animate-uv-gradient: uv-gradient 6s ease infinite;
|
|
170
|
+
--animate-uv-word-in: uv-word-in 0.9s var(--ease-spring) both;
|
|
171
|
+
--animate-uv-grow-x: uv-grow-x 0.9s var(--ease-out-expo) both;
|
|
172
|
+
--animate-uv-ken-burns: uv-ken-burns 9s ease-out both;
|
|
173
|
+
|
|
174
|
+
@keyframes uv-word-in {
|
|
175
|
+
0% { opacity: 0; transform: translateY(0.45em); filter: blur(8px); }
|
|
176
|
+
100% { opacity: 1; transform: translateY(0); filter: blur(0); }
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
@keyframes uv-grow-x {
|
|
180
|
+
0% { transform: scaleX(0); }
|
|
181
|
+
100% { transform: scaleX(1); }
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
@keyframes uv-ken-burns {
|
|
185
|
+
0% { transform: scale(1.12); }
|
|
186
|
+
100% { transform: scale(1); }
|
|
187
|
+
}
|
|
170
188
|
|
|
171
189
|
@keyframes uv-shimmer {
|
|
172
190
|
0% { transform: translateX(-100%); }
|
|
@@ -419,6 +437,28 @@ body {
|
|
|
419
437
|
color: var(--text-primary-dark);
|
|
420
438
|
}
|
|
421
439
|
|
|
440
|
+
/*********************** AOS scroll animations ***********************/
|
|
441
|
+
|
|
442
|
+
/*
|
|
443
|
+
* "blur-up" animation for AOS (https://github.com/michalsnik/aos), used by the blog components through data-aos="blur-up".
|
|
444
|
+
* Elements are only hidden once AOS has initialized them (.aos-init), so apps without AOS always show the content.
|
|
445
|
+
* The repeated attribute selector outranks the global AOS easing and duration rules; data-aos-delay keeps working.
|
|
446
|
+
*/
|
|
447
|
+
[data-aos="blur-up"][data-aos="blur-up"][data-aos="blur-up"].aos-init {
|
|
448
|
+
opacity: 0;
|
|
449
|
+
transform: translate3d(0, 18px, 0);
|
|
450
|
+
filter: blur(6px);
|
|
451
|
+
transition-property: opacity, transform, filter;
|
|
452
|
+
transition-duration: 700ms, 900ms, 700ms;
|
|
453
|
+
transition-timing-function: var(--ease-out-expo), var(--ease-spring), var(--ease-out-expo);
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
[data-aos="blur-up"][data-aos="blur-up"][data-aos="blur-up"].aos-init.aos-animate {
|
|
457
|
+
opacity: 1;
|
|
458
|
+
transform: none;
|
|
459
|
+
filter: none;
|
|
460
|
+
}
|
|
461
|
+
|
|
422
462
|
/*********************** Page transition animations ***********************/
|
|
423
463
|
|
|
424
464
|
.page-enter-active {
|