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

btn home
All checks were successful
Deploy / Deploy to Production (push) Successful in 5m18s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-26 15:46:21 +01:00
parent 4c34b3c398
commit e7da4d77b5
10 changed files with 197 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -129,8 +129,7 @@ button:disabled{
}
}
.btn--bold,
.btn--bold-inline{
.btn--bold{
display: block;
height: calc(var(--h-block)*1);
border: var(--border);
@ -188,12 +187,98 @@ button:disabled{
}
.btn--bold-inline{
.btn--see-more{
margin-top: calc(var(--spacing)*1);
margin-inline: auto;
display: block;
height: calc(var(--h-block)*1);
border: 1px solid var(--color-txt-light);
border-radius: var(--radius-btn);
font-size: var(--fs-small);
line-height: 1;
overflow: hidden;
white-space: nowrap;
color: var(--color-txt-light);
background-color: var(--color-bg);
// svg{
// fill: var(--color-txt);
// size: 13px!important;
// }
@include icon(12px);
.icon{
position: relative;
top: -2px;
}
svg{
fill: var(--color-txt-light);
}
a{
display: flex;
align-items: center;
justify-content: center;
gap: 1ch;
width: 100%;
height: 100%;
padding: 0 1.25ch;
padding-top: 4px;
font-size: var(--fs-small);
}
&:hover{
background-color: var(--grey-950);
color: var(--grey-100);
border-color: var(--grey-100);
a{
background-color: var(--grey-950);
color: var(--grey-100);
}
svg{ fill: var(--grey-100); }
}
}
.btn--home{
display: block;
height: calc(var(--h-block)*1);
border: var(--border);
border-radius: var(--radius-btn);
font-size: var(--fs-small);
line-height: 1;
overflow: hidden;
white-space: nowrap;
background-color: var(--color-bg);
font-weight: 500;
@include icon(12px);
.icon{
position: relative;
top: -2px;
}
a{
display: flex;
align-items: center;
justify-content: center;
gap: 1ch;
width: 100%;
height: 100%;
padding: 0 1.25ch;
padding-top: 4px;
}
&:hover{
background-color: var(--grey-950);
color: var(--grey-100);