Skip to content

Commit 6b7b93c

Browse files
KaelWDKaelWD
committed
chore: convert docs sass to scss
1 parent fa05721 commit 6b7b93c

File tree

26 files changed

+438
-321
lines changed

26 files changed

+438
-321
lines changed

‎packages/docs/src/App.vue‎

Lines changed: 45 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -165,49 +165,59 @@
165165
}
166166
</script>
167167

168-
<style lang="sass">
169-
a:not(:hover)
170-
text-decoration: none
168+
<style lang="scss">
169+
a:not(:hover) {
170+
text-decoration: none;
171+
}
171172
172-
p
173-
margin-bottom: 1rem
174-
line-height: 1.8
173+
p {
174+
margin-bottom: 1rem;
175+
line-height: 1.8;
175176
176-
a, a:visited
177-
color: rgb(var(--v-theme-primary))
177+
a, a:visited {
178+
color: rgb(var(--v-theme-primary));
179+
}
180+
}
178181
179-
h1
180-
+ p
181-
font-size: 1.25rem
182-
font-weight: 300
182+
h1 {
183+
+ p {
184+
font-size: 1.25rem;
185+
font-weight: 300;
186+
}
187+
}
183188
184189
ul:not([class]),
185-
ol:not([class])
186-
padding-left: 20px
190+
ol:not([class]) {
191+
padding-left: 20px;
192+
}
187193
188-
ul:not([class]):not(li > ul)
189-
margin-bottom: 16px
194+
ul:not([class]):not(li > ul) {
195+
margin-bottom: 16px;
196+
}
190197
191198
// Theme transition
192-
.app-copy
193-
position: fixed !important
194-
z-index: -1 !important
195-
pointer-events: none !important
196-
contain: size style !important
197-
overflow: clip !important
198-
199-
.app-transition
200-
--clip-size: 0
201-
--clip-pos: 0 0
202-
clip-path: circle(var(--clip-size) at var(--clip-pos))
203-
transition: clip-path .35s ease-out
199+
.app-copy {
200+
position: fixed !important;
201+
z-index: -1 !important;
202+
pointer-events: none !important;
203+
contain: size style !important;
204+
overflow: clip !important;
205+
}
206+
207+
.app-transition {
208+
--clip-size: 0;
209+
--clip-pos: 0 0;
210+
clip-path: circle(var(--clip-size) at var(--clip-pos));
211+
transition: clip-path .35s ease-out;
212+
}
204213
</style>
205214

206-
<style lang="sass" scoped>
207-
.pwa-loader
208-
position: fixed
209-
top: 0
210-
left: 0
211-
right: 0
212-
z-index: 1010
215+
<style lang="scss" scoped>
216+
.pwa-loader {
217+
position: fixed;
218+
top: 0;
219+
left: 0;
220+
right: 0;
221+
z-index: 1010;
222+
}
213223
</style>

‎packages/docs/src/components/Alert.vue‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -33,8 +33,10 @@
3333
})
3434
</script>
3535

36-
<style lang="sass">
37-
.v-alert--doc
38-
.v-alert__content p:last-child
39-
margin-bottom: 0 !important
36+
<style lang="scss">
37+
.v-alert--doc {
38+
.v-alert__content p:last-child {
39+
margin-bottom: 0 !important;
40+
}
41+
}
4042
</style>

‎packages/docs/src/components/about/TeamMember.vue‎

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -214,9 +214,12 @@
214214
}
215215
</script>
216216

217-
<style lang="sass">
218-
.team-member
219-
.v-markdown
220-
> p
221-
margin: 0
217+
<style lang="scss">
218+
.team-member {
219+
.v-markdown {
220+
> p {
221+
margin: 0;
222+
}
223+
}
224+
}
222225
</style>

‎packages/docs/src/components/api/Section.vue‎

Lines changed: 34 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -93,30 +93,40 @@
9393
watch(() => props.name, fetchApiData)
9494
</script>
9595

96-
<style lang="sass">
97-
.api-table
98-
.regular-row td
99-
padding: 8px 16px !important
100-
101-
.regular-row.has-extra-row td
102-
border-bottom: none !important
103-
104-
.extra-row:hover
105-
background: initial !important
106-
107-
.extra-row td
108-
padding: 8px 0 !important
109-
110-
.v-markdown :deep(p)
111-
margin-bottom: 0
112-
113-
.token.operator
114-
background: none
96+
<style lang="scss">
97+
.api-table {
98+
.regular-row td {
99+
padding: 8px 16px !important;
100+
}
101+
102+
.regular-row.has-extra-row td {
103+
border-bottom: none !important;
104+
}
105+
106+
.extra-row:hover {
107+
background: initial !important;
108+
}
109+
110+
.extra-row td {
111+
padding: 8px 0 !important;
112+
}
113+
114+
.v-markdown :deep(p) {
115+
margin-bottom: 0;
116+
}
117+
118+
.token.operator {
119+
background: none;
120+
}
121+
}
115122
116-
.name-item
117-
white-space: nowrap
123+
.name-item {
124+
white-space: nowrap;
118125
119-
&:not(:hover):not(:focus)
120-
span
121-
opacity: 0
126+
&:not(:hover):not(:focus) {
127+
span {
128+
opacity: 0;
129+
}
130+
}
131+
}
122132
</style>

‎packages/docs/src/components/app/Heading.vue‎

Lines changed: 17 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -38,20 +38,23 @@
3838
const classes = computed(() => ['v-heading', 'mb-2', HEADING_CLASSES[props.level]])
3939
</script>
4040

41-
<style lang="sass">
42-
.v-heading
43-
display: inline-block
44-
position: relative
41+
<style lang="scss">
42+
.v-heading {
43+
display: inline-block;
44+
position: relative;
4545
46-
> a
47-
bottom: 0
48-
font-size: .75em
49-
left: 0
50-
margin: 0 -.7em
51-
position: absolute
52-
right: 0
53-
top: 0
46+
> a {
47+
bottom: 0;
48+
font-size: .75em;
49+
left: 0;
50+
margin: 0 -.7em;
51+
position: absolute;
52+
right: 0;
53+
top: 0;
5454
55-
&:not(:hover):not(:focus)
56-
opacity: 0
55+
&:not(:hover):not(:focus) {
56+
opacity: 0;
57+
}
58+
}
59+
}
5760
</style>

‎packages/docs/src/components/app/Link.vue‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -52,8 +52,10 @@
5252
const tag = computed(() => isExternal.value ? 'a' : 'router-link')
5353
</script>
5454

55-
<style lang="sass">
56-
.app-link
57-
p
58-
margin-bottom: 0
55+
<style lang="scss">
56+
.app-link {
57+
p {
58+
margin-bottom: 0;
59+
}
60+
}
5961
</style>

0 commit comments

Comments
 (0)