studio-variable/index-main
4
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

save
All checks were successful
Deploy / Deploy to Production (push) Successful in 11s
Details

Browse source
This commit is contained in:
isUnknown 2026-01-06 11:19:25 +01:00
parent 522d975a3a
commit 48e7f21c71
37 changed files with 2595 additions and 1348 deletions
Download patch file Download diff file Expand all files Collapse all files

85
assets/css/components/_list-socials.scss
View file

@ -1,32 +1,57 @@
.list-socials{
list-style-type: none;
li {
margin-bottom: calc(var(--spacing)*0.25);
.link--external{
display: flex;
align-items: center;
gap: 1ch;
text-decoration: none;
.icon svg {
width: 25px;
fill: var(--color-txt);
}
.arrow svg{
position: relative;
top: 3px;
width: 12px;
fill: var(--grey-400);
}
}
.list-socials {
list-style: none;
display: flex;
justify-content: space-between;
align-items: center;
max-width: 400px;
a{
display: flex;
align-items: center;
text-decoration: none;
}
.icon{
width: 24px;
height: 24px;
position: relative;
top: -2px;
}
svg{
display: flex;
align-items: center;
width: 24px;
height: 24px;
}
}
.text{ display: none; }
}
// with text
@media #{$small-up}{
.footer__socials .list-socials{
display: block;
li{
margin-bottom: calc(var(--spacing)*0.5);
break-inside: avoid;
}
a{
gap: 1ch;
height: calc(var(--spacing)*1);
&::after{
content: '↗';
color: var(--grey-300);
}
}
.text{
display: block;
line-height: 1;
}
}
}