@@ -5,18 +5,6 @@ const { frontmatter } = useData()
5
5
</script >
6
6
7
7
<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 >
20
8
<div v-if =" frontmatter.sponsors !== false" >
21
9
<a class =" sponsors-aside-text" href =" /sponsor/" >Sponsors</a >
22
10
<SponsorsGroup tier =" special" />
@@ -28,68 +16,10 @@ const { frontmatter } = useData()
28
16
a .sponsors-aside-text {
29
17
color : var (--vt-c-text-3 );
30
18
display : block ;
31
- margin : 1 em 0 1em ;
19
+ margin : 3 em 0 1em ;
32
20
font-weight : 700 ;
33
21
font-size : 11px ;
34
22
text-transform : uppercase ;
35
23
letter-spacing : 0.4px ;
36
24
}
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
- }
95
25
</style >
0 commit comments