fix(resume): use design-system .btn component for PDF button

- Use btn btn--primary btn--flat btn--resume (existing pattern)
- btn__icon with cv.svg mask already defined in design system
- Remove all custom fab--primary overrides
- Keep only btn__spinner and loading state CSS
This commit is contained in:
Local Build committed 2026-08-13 20:23:03 +02:00
1 parent f173efd339
commit d7e717e2e7
3 files changed
+19 -36

No files matched your search

+11 -28
View File
@@ -954,46 +954,29 @@ a.fab--secondary:visited {
outline-offset: 2px;
}
/* ── PDF download FAB icon ── */
.fab-primary__ico--pdf {
mask-image: url("../assets/shared/icons/cv.svg");
-webkit-mask-image: url("../assets/shared/icons/cv.svg");
}
.fab--label {
width: auto;
padding: 0.65rem 1.1rem;
gap: 0.45rem;
}
.fab-primary__label {
font-size: 0.85rem;
font-weight: 600;
line-height: 1;
white-space: nowrap;
}
.fab-primary__spinner {
/* ── PDF download button: loading state ── */
.btn__spinner {
display: none;
position: absolute;
width: 1.25rem;
height: 1.25rem;
width: 1rem;
height: 1rem;
border: 2px solid color-mix(in hsl, var(--on-accent) 25%, transparent);
border-top-color: var(--on-accent);
border-radius: 50%;
animation: fab-primary-spin 0.6s linear infinite;
z-index: 3;
animation: btn-spin 0.6s linear infinite;
flex-shrink: 0;
}
@keyframes fab-primary-spin {
@keyframes btn-spin {
to { transform: rotate(360deg); }
}
[data-resume-pdf-btn][data-loading="true"] .fab-primary__ico--pdf {
[data-resume-pdf-btn][data-loading="true"] .btn__icon {
opacity: 0;
width: 0;
overflow: hidden;
}
[data-resume-pdf-btn][data-loading="true"] .fab-primary__spinner {
[data-resume-pdf-btn][data-loading="true"] .btn__spinner {
display: block;
}