8375640c1e
- Création de la page Fiverr pour présenter les services freelance - Ajout des composants FiverrHero, FiverrServiceCard et FiverrCta - Intégration des services Fiverr dans la configuration du site - Ajout de nouvelles images pour les services Fiverr - Mise à jour des traductions pour inclure les services Fiverr - Amélioration de la gestion des actifs avec l'importation des images - Ajout de styles CSS pour les nouveaux composants et pages
101 lines
1.8 KiB
CSS
101 lines
1.8 KiB
CSS
/* AppFooter Styles */
|
|
|
|
/* Footer Base */
|
|
.footer {
|
|
background: var(--bg-tertiary);
|
|
color: var(--text-primary);
|
|
padding: var(--space-4xl) 0 var(--space-xl);
|
|
border-top: var(--border-width) solid var(--border-color);
|
|
}
|
|
|
|
/* Footer logo */
|
|
.footer-logo {
|
|
width: 32px;
|
|
height: 32px;
|
|
object-fit: contain;
|
|
border-radius: var(--border-radius-md);
|
|
}
|
|
|
|
/* Footer Brand */
|
|
.footer-brand {
|
|
color: var(--text-primary);
|
|
}
|
|
|
|
/* Footer Titles */
|
|
.footer-title {
|
|
color: var(--text-primary);
|
|
}
|
|
|
|
/* Footer Description */
|
|
.footer-description {
|
|
color: var(--text-secondary);
|
|
}
|
|
|
|
/* Footer Copyright */
|
|
.footer-copyright {
|
|
color: var(--text-tertiary);
|
|
}
|
|
|
|
/* Footer Bottom */
|
|
.footer-bottom {
|
|
border-top: var(--border-width) solid var(--border-color);
|
|
padding-top: var(--space-lg);
|
|
}
|
|
|
|
/* Social Links */
|
|
.social-link {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 44px;
|
|
height: 44px;
|
|
background: var(--bg-secondary);
|
|
border: var(--border-width) solid var(--border-color);
|
|
border-radius: var(--border-radius-lg);
|
|
color: var(--text-secondary);
|
|
transition: all var(--transition-fast);
|
|
}
|
|
|
|
.social-link:hover {
|
|
background: var(--color-primary);
|
|
color: var(--text-inverse);
|
|
border-color: var(--color-primary);
|
|
box-shadow: var(--shadow-md);
|
|
scale: 1.05;
|
|
}
|
|
|
|
/* Footer Links */
|
|
.footer-link {
|
|
color: var(--text-secondary);
|
|
transition: color var(--transition-fast);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.footer-link:hover {
|
|
color: var(--color-primary);
|
|
}
|
|
|
|
/* Custom utilities */
|
|
.space-y-sm > * + * {
|
|
margin-top: var(--space-sm);
|
|
}
|
|
|
|
.max-w-md {
|
|
max-width: 28rem;
|
|
}
|
|
|
|
.cursor-default {
|
|
cursor: default;
|
|
}
|
|
|
|
/* Responsive */
|
|
@media (min-width: 768px) {
|
|
.md\:col-span-2 {
|
|
grid-column: span 2;
|
|
}
|
|
|
|
.md\:flex-row {
|
|
flex-direction: row;
|
|
}
|
|
}
|