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

copy link modal
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-01-21 17:25:37 +01:00
parent 2f7473be0a
commit 43ad7241d4
10 changed files with 111 additions and 147 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,29 +1,21 @@
.modal--share{
border: var(--border);
border-radius: var(--radius-btn);
background-color: var(--color-bg);
padding: var(--padding-inner);
padding-top: calc( var(--padding-inner)*0.5);
padding-bottom: calc( var(--padding-inner)*1.5);
.modal-title{
display: none;
}
width: 240px;
padding-bottom: var(--padding-inner);
.socials{
display: block;
list-style: none;
li{
font-size: var(--fs-normal);
padding-bottom: 6px;
border-bottom: var(--border-light);
padding-top: 6px;
a{
font-size: var(--fs-normal);
border-bottom: var(--border-light);
&:first-of-type{
border-top: var(--border-light);
}
a{
display: flex;
align-items: center;
gap: 1ch;
gap: 2ch;
text-decoration: none;
}
.icon {
@ -38,27 +30,20 @@
position: relative;
top: 2px;
}
&:hover{
color: var(--color-accent);
.icon svg,
.icon svg path,
.icon svg rect{
fill: var(--color-accent)!important;
}
}
}
}
.copy-link{
display: flex;
gap: 0.5ch;
margin-top: calc(var(--spacing)*0.75);
padding: 0 var(--padding-inner);
height: var(--h-block);
width: 100%;
.copy-link__field{
flex-grow: 1;
@ -99,7 +84,9 @@
&:focus{
border-color: var(--color-txt);
outline: none;
}
&.is-copied{
color: var(--color-accent)!important;
}
}
@ -111,12 +98,21 @@
font-size: var(--fs-small);
padding-top: 2px;
white-space: nowrap;
min-width: 0px!important;
max-width: 30ch!important;
width: 7.25ch;
&::after{
content: "\00a0";
}
&:hover{
background-color: var(--color-accent);
}
}
}
}