Skip to content

Commit 5d38668

Browse files
rstoenescurstoenescu
committed
feat(docs): Convert docs to Sass
1 parent 3032b73 commit 5d38668

File tree

122 files changed

+1639
-1646
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

122 files changed

+1639
-1646
lines changed

‎docs/quasar.conf.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ module.exports = function (ctx) {
1010
],
1111

1212
css: [
13-
'app.styl'
13+
'app.sass'
1414
],
1515

1616
extras: [

‎docs/src/components/ApiRows.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import './ApiRows.styl'
1+
import './ApiRows.sass'
22

33
function getEventParams (event) {
44
const params = event.params === void 0 || event.params.length === 0

‎docs/src/components/ApiRows.sass‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
.api-row
2+
padding: 8px 16px 4px
3+
font-weight: 300
4+
color: $grey-7
5+
6+
&--big-padding
7+
padding: 16px
8+
9+
& + &
10+
border-top: 1px solid #ddd
11+
12+
&__item
13+
margin-bottom: 4px
14+
15+
&__subitem
16+
padding: 4px 0 0 16px
17+
border-radius: 5px
18+
> div
19+
border: 1px solid #eee !important
20+
border-radius: inherit
21+
> div + div
22+
margin-top: 4px
23+
24+
&__value
25+
font-weight: 400
26+
color: black
27+
28+
&--indent
29+
padding-left: 16px
30+
31+
&__example
32+
background: $grey-3
33+
margin: 4px
34+
padding: 2px 4px
35+
border-radius: $generic-border-radius
36+
display: inline-block

‎docs/src/components/ApiRows.styl‎

Lines changed: 0 additions & 36 deletions
This file was deleted.

‎docs/src/components/AppMenu.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import Menu from 'assets/menu.js'
2-
import './AppMenu.styl'
2+
import './AppMenu.sass'
33

44
export default {
55
name: 'AppMenu',

docs/src/components/AppMenu.styl renamed to docs/src/components/AppMenu.sass

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
.app-menu
22

33
.q-item__section--avatar
4-
color $primary
4+
color: $primary
55

66
.q-expansion-item--expanded > div > .q-item > .q-item__section--main
7-
color $primary
8-
font-weight 700
7+
color: $primary
8+
font-weight: 700
99

1010
.q-expansion-item__content .q-item
11-
border-radius 0 10px 10px 0
12-
margin-right 12px
11+
border-radius: 0 10px 10px 0
12+
margin-right: 12px
1313

1414
.q-item.q-router-link--active
15-
background lighten($primary, 90%)
15+
background: scale-color($primary, $lightness: 90%)

‎docs/src/components/CardTitle.vue‎

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -21,25 +21,25 @@ export default {
2121
}
2222
</script>
2323

24-
<style lang="stylus">
25-
$title-color = $grey-4
24+
<style lang="sass">
25+
$title-color: $grey-4
2626
2727
.doc-card-title
28-
margin-left -24px
29-
padding 2px 10px 2px 24px
30-
background $title-color
31-
color $grey-8
32-
position relative
33-
border-radius 3px 5px 5px 0
28+
margin-left: -24px
29+
padding: 2px 10px 2px 24px
30+
background: $title-color
31+
color: $grey-8
32+
position: relative
33+
border-radius: 3px 5px 5px 0
3434
3535
&:after
36-
content ''
37-
position absolute;
38-
top 100%
39-
left 0
40-
width 0
41-
height 0
42-
border 0 solid transparent
43-
border-top-color darken($title-color, 15%)
44-
border-width 9px 0 0 11px
36+
content: ''
37+
position: absolute
38+
top: 100%
39+
left: 0
40+
width: 0
41+
height: 0
42+
border: 0 solid transparent
43+
border-top-color: scale-color($title-color, $lightness: -15%)
44+
border-width: 9px 0 0 11px
4545
</style>

‎docs/src/components/DocApi.vue‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -298,16 +298,16 @@ export default {
298298
}
299299
</script>
300300

301-
<style lang="stylus">
301+
<style lang="sass">
302302
.doc-api
303303
.q-tab
304-
height 40px
304+
height: 40px
305305
306306
.inner-tab
307-
justify-content left
307+
justify-content: left
308308
.q-tab__content
309-
width 100%
309+
width: 100%
310310
311311
.api-container
312-
max-height 600px
312+
max-height: 600px
313313
</style>

‎docs/src/components/DocExample.vue‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -156,33 +156,33 @@ export default {
156156
}
157157
</script>
158158

159-
<style lang="stylus">
159+
<style lang="sass">
160160
.doc-example
161161
&__toolbar
162-
background white
163-
color $grey-8
162+
background: white
163+
color: $grey-8
164164
> .q-btn
165-
color $grey-7
165+
color: $grey-7
166166
167167
&__tabs
168-
background $grey-3
169-
color $grey-7
168+
background: $grey-3
169+
color: $grey-7
170170
171171
&--dark
172172
.doc-example__toolbar
173-
background $grey-10
174-
color white
173+
background: $grey-10
174+
color: #fff
175175
> .q-btn
176-
color $grey-3
176+
color: $grey-3
177177
.doc-example__separator
178-
background-color $grey-8
178+
background-color: $grey-8
179179
.doc-example__tabs
180-
background $grey-9
181-
color $grey-5
180+
background: $grey-9
181+
color: $grey-5
182182
183183
&__content
184-
position relative
184+
position: relative
185185
186186
&--scrollable
187-
height 500px
187+
height: 500px
188188
</style>

‎docs/src/components/DocLink.vue‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -31,21 +31,21 @@ export default {
3131
}
3232
</script>
3333

34-
<style lang="stylus">
34+
<style lang="sass">
3535
.doc-link
36-
color $primary
37-
font-weight 500
38-
text-decoration none
39-
outline 0
40-
border-bottom 1px dotted currentColor
41-
vertical-align center
42-
transition opacity .2s
43-
white-space nowrap
36+
color: $primary
37+
font-weight: 500
38+
text-decoration: none
39+
outline: 0
40+
border-bottom: 1px dotted currentColor
41+
vertical-align: center
42+
transition: opacity .2s
43+
white-space: nowrap
4444
4545
&:hover
46-
opacity .8
46+
opacity: .8
4747
4848
.q-icon
49-
margin-top -3px
50-
margin-left 4px
49+
margin-top: -3px
50+
margin-left: 4px
5151
</style>

0 commit comments

Comments
 (0)