Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEATURE Styling the social networks links component

Browse Source
This commit is contained in:
Antoine M 2025-09-24 16:26:08 +02:00
parent 179cfd2e98
commit 9cc12b88ea
2 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
resources/css/app.css
View File

@ -24,6 +24,7 @@
@import './components/article-tag.css'; @import './components/article-tag.css';
@import './components/page-header.css'; @import './components/page-header.css';
@import './components/notyf.css'; @import './components/notyf.css';
@import './components/social-networks-links.css';
/* ########### LAYOUT ############ */ /* ########### LAYOUT ############ */
@import './layout/nav.css'; @import './layout/nav.css';

27
resources/css/components/social-networks-links.css Normal file
View File

@ -0,0 +1,27 @@
.social-networks-links {
@apply flex gap-2;
li {
@apply list-none;
}
.social-link {
@apply transition-all duration-300 ease-out block;
transform: scale(1);
filter: saturate(1) brightness(1);
&:hover {
transform: scale(1.1);
filter: saturate(1.2) brightness(1);
}
&:after {
@apply !content-none;
}
}
.social-icon {
@apply w-full h-auto;
width: 48px;
}
}