@@ -5,18 +5,6 @@ const { frontmatter } = useData()
55 </script >
66
77<template >
8- <a
9- class =" viteconf-cta-aside"
10- href =" https://viteconf.org/?utm=vue-sidebar"
11- target =" _blank"
12- >
13- <img width =" 22" height =" 22" src =" /viteconf.svg" />
14- <span >
15- <p class =" extra-info" >Building Together</p >
16- <p class =" heading" >ViteConf 24 - Oct 3</p >
17- <p class =" extra-info" >Get your free ticket!</p >
18- </span >
19- </a >
208 <div v-if =" frontmatter.sponsors !== false" >
219 <a class =" sponsors-aside-text" href =" /sponsor/" >スポンサー</a >
2210 <SponsorsGroup tier =" special" />
@@ -28,68 +16,10 @@ const { frontmatter } = useData()
2816a .sponsors-aside-text {
2917 color : var (--vt-c-text-3 );
3018 display : block ;
31- margin : 1 em 0 1em ;
19+ margin : 3 em 0 1em ;
3220 font-weight : 700 ;
3321 font-size : 11px ;
3422 text-transform : uppercase ;
3523 letter-spacing : 0.4px ;
3624}
37-
38- .viteconf-cta-aside {
39- margin-top : 1rem ;
40- margin-bottom : 1rem ;
41- border-radius : 4px ;
42- padding-top : 0.4rem ;
43- padding-bottom : 0.4rem ;
44- position : relative ;
45- font-size : 0.9rem ;
46- font-weight : 700 ;
47- line-height : 1.1rem ;
48- display : flex ;
49- align-items : center ;
50- justify-content : center ;
51- width : 100% ;
52- gap : 1rem ;
53- background-color : var (--vt-c-bg-soft );
54- border : 2px solid var (--vt-c-bg-soft );
55- transition : border-color 0.5s ;
56- filter : grayscale (1 );
57- }
58- .viteconf-cta-aside :hover {
59- border : 2px solid #9499ff ;
60- filter : none ;
61- }
62- .viteconf-cta-aside img {
63- transition : transform 0.5s ;
64- transform : scale (1.25 );
65- }
66- .viteconf-cta-aside :hover img {
67- transform : scale (1.75 );
68- }
69-
70- .viteconf-cta-aside .heading {
71- color : var (--vt-c-text-1 );
72- }
73-
74- .viteconf-cta-aside :hover .heading {
75- background-image : linear-gradient (
76- 120deg ,
77- #b047ff 16% ,
78- #9499ff ,
79- #9499ff
80- );
81- background-clip : text ;
82- -webkit-background-clip : text ;
83- -webkit-text-fill-color : transparent ;
84- }
85- .viteconf-cta-aside .extra-info {
86- color : var (--vt-c-text-1 );
87- opacity : 0 ;
88- font-size : 0.7rem ;
89- padding-left : 0.1rem ;
90- transition : opacity 0.5s ;
91- }
92- .viteconf-cta-aside :hover .extra-info {
93- opacity : 0.9 ;
94- }
9525 </style >
0 commit comments