add shine to studio shortcut
This commit is contained in:
@@ -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;
|
border-radius: 10rem;
|
||||||
background: #EEA971;
|
background: #EEA971;
|
||||||
color: var(--color-deepBrick);
|
color: var(--color-deepBrick);
|
||||||
overflow: hidden;
|
|
||||||
text-decoration: none;
|
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 {
|
.logo {
|
||||||
width: 6rem;
|
width: 6rem;
|
||||||
|
overflow: hidden;
|
||||||
|
border-top-left-radius: 10rem;
|
||||||
|
border-bottom-left-radius: 10rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
@@ -46,6 +59,11 @@
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
gap: var(--spacing-s);
|
gap: var(--spacing-s);
|
||||||
padding: 0 1rem 0 0;
|
padding: 0 1rem 0 0;
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
width: .7rem;
|
||||||
|
height: .7rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
|
|||||||
Reference in New Issue
Block a user