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

style pages investigations + investigation summary
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-01-22 16:42:01 +01:00
parent 84f67c88cc
commit 05e49af352
24 changed files with 494 additions and 871 deletions
Download patch file Download diff file Expand all files Collapse all files

97
assets/css/components/_buttons.scss
View file

@ -161,92 +161,25 @@ button:disabled{
}
.btn--light{
border: var(--border-light);
}
// DELETE ?
.btn__default{
--size: calc(var(--h-block) - 8px);
font-size: var(--fs-normal);
font-weight: var(--fw-normal);
height: var(--size);
padding-right: 1.5ch;
position: relative;
.btn--back-to-top{
display: flex;
align-items: center;
gap: 0ch;
// padding-right: 0.5ch;
color: var(--color-accent);
font-weight: var(--fw-medium);
text-decoration: none;
cursor: pointer;
.icon, .txt{ z-index: 10; }
border-color: var(--color-txt);
width: fit-content;
margin-inline: auto;
.icon{
width: var(--size);
height: var(--size);
display: flex;
align-items: center;
justify-content: center;
color: var(--color-bg);
text-align: center;
width: 12px;
height: 12px;
transform: rotate(-90deg);
transform-origin: center;
position: relative;
top: -1px;
svg{
fill: var(--color-bg);
width: 80%;
width: 12px;
height: 12px;
}
}
.txt{
font-family: var(--font-title);
color: var(--color-accent);
font-size: var(--fs-normal);
font-weight: var(--fw-bold);
padding-left: 1ch;
}
&::after{
content: '';
display: block;
background-color: var(--color-accent);
border-radius: calc(var(--size)/2);
width: var(--size);
height: var(--size);
position: absolute;
left: 0;
z-index: 0;
transition: width .2s
}
&:hover{
//
.txt{
color: var(--color-bg);
display: block;
}
&::after{
width: 100%;
}
}
}