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

add title to share modal
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-06 15:26:52 +01:00
parent b9cefffdfa
commit 4262be067d
4 changed files with 50 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

23
assets/css/components/_modal-share.scss
View file

@ -2,12 +2,28 @@
width: 240px;
padding-bottom: var(--padding-inner);
background-color: var(--color-bg);
.title {
font-size: var(--fs-xsmall);
line-height: 1.2;
padding: var(--padding-inner);
padding-bottom: 0px;
@include clamp(2);
font-style: italic;
&::before{
content: "« ";
}
&::after{
content: " »";
}
}
.socials{
display: block;
list-style: none;
li{
font-size: var(--fs-normal);
font-size: var(--fs-xsmall);
border-bottom: var(--border-light);
&:first-of-type{
border-top: var(--border-light);
@ -18,6 +34,7 @@
align-items: center;
gap: 2ch;
text-decoration: none;
font-size: var(--fs-xsmall);
}
.icon {
width: 16px;
@ -69,7 +86,7 @@
width: 12px;
}
input{
font-size: var(--fs-small);
font-size: var(--fs-xsmall);
font-family: var(--font);
background: none;
border: none;
@ -96,7 +113,7 @@
color: var(--color-bg);
border-radius: var(--radius-btn);
padding: 0 1ch;
font-size: var(--fs-small);
font-size: var(--fs-xsmall);
padding-top: 2px;
white-space: nowrap;
text-align: center;