add shine to studio shortcut

This commit is contained in:
2026-07-09 21:13:18 +02:00
parent 6092fc32fd
commit 7a784953a8
2 changed files with 22 additions and 1 deletions
@@ -0,0 +1,3 @@
<svg width="30" height="25" viewBox="0 0 30 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.50049 19.2085C3.45546 20.0651 8.99546 22.066 15.5157 23.2177M7.70036 5.64159C12.1164 8.59943 16.6618 12.0402 21.5955 16.9299M23.1552 1.50049L27.8393 13.1863" stroke="#FF6915" stroke-width="3" stroke-linecap="round"/>
</svg>

After

Width:  |  Height:  |  Size: 332 B

@@ -12,12 +12,25 @@
border-radius: 10rem;
background: #EEA971;
color: var(--color-deepBrick);
overflow: hidden;
text-decoration: none;
position: relative;
&:after {
content: "";
background: url("/assets/graphics/studio-2026/studio-shiny.svg") no-repeat center / contain;
position: absolute;
top: -2%;
left: -2%;
width: 1rem;
height: 1rem;
}
}
.logo {
width: 6rem;
overflow: hidden;
border-top-left-radius: 10rem;
border-bottom-left-radius: 10rem;
}
.text {
@@ -46,6 +59,11 @@
justify-content: space-between;
gap: var(--spacing-s);
padding: 0 1rem 0 0;
&:after {
width: .7rem;
height: .7rem;
}
}
.logo {