Skip to content
This repository was archived by the owner on Aug 14, 2021. It is now read-only.

Commit 5dfe6bb

Browse files
thislooksfunGerrit0
thislooksfun
authored and
Gerrit0
committed
refactor: Remove the td- prefix
1 parent 11903d6 commit 5dfe6bb

14 files changed

+79
-79
lines changed

‎src/default/assets/css/_theme.scss

+19-19
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,28 @@
11
// Default light theme
22
:root {
3-
--td-color-background: #fdfdfd;
4-
--td-color-text: #222;
5-
--td-color-text-aside: #707070;
6-
--td-color-link: #4da6ff;
3+
--color-background: #fdfdfd;
4+
--color-text: #222;
5+
--color-text-aside: #707070;
6+
--color-link: #4da6ff;
77

8-
--td-color-menu-divider: #eee;
9-
--td-color-menu-divider-focus: #000;
10-
--td-color-menu-label: #707070;
8+
--color-menu-divider: #eee;
9+
--color-menu-divider-focus: #000;
10+
--color-menu-label: #707070;
1111

12-
--td-color-panel: #fff;
13-
--td-color-panel-divider: #eee;
12+
--color-panel: #fff;
13+
--color-panel-divider: #eee;
1414

15-
--td-color-comment-tag: #707070;
16-
--td-color-comment-tag-text: #fff;
15+
--color-comment-tag: #707070;
16+
--color-comment-tag-text: #fff;
1717

18-
--td-color-code-background: rgba(#000, 0.04);
18+
--color-code-background: rgba(#000, 0.04);
1919

20-
--td-color-ts: #9600ff;
21-
--td-color-ts-interface: #647f1b;
22-
--td-color-ts-enum: #937210;
23-
--td-color-ts-class: #0672de;
24-
--td-color-ts-private: #707070;
20+
--color-ts: #9600ff;
21+
--color-ts-interface: #647f1b;
22+
--color-ts-enum: #937210;
23+
--color-ts-class: #0672de;
24+
--color-ts-private: #707070;
2525

26-
--td-color-toolbar: #fff;
27-
--td-color-toolbar-text: #333;
26+
--color-toolbar: #fff;
27+
--color-toolbar-text: #333;
2828
}

‎src/default/assets/css/elements/_comment.sass

+2-2
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,8 @@ dl.tsd-comment-tags
1717
padding: 1px 5px
1818
margin: 0 10px 0 0
1919
border-radius: 4px
20-
border: 1px solid var(--td-color-comment-tag)
21-
color: var(--td-color-comment-tag)
20+
border: 1px solid var(--color-comment-tag)
21+
color: var(--color-comment-tag)
2222
font-size: 0.8em
2323
font-weight: normal
2424

‎src/default/assets/css/elements/_filter.sass

+1-1
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@
4141
top: $TOOLBAR_HEIGHT
4242
right: 20px
4343
height: auto
44-
background-color: var(--td-color-panel)
44+
background-color: var(--color-panel)
4545
visibility: hidden
4646
transform: translate(50%,0)
4747
box-shadow: 0 0 4px rgba(#000, 0.25)

‎src/default/assets/css/elements/_footer.sass

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
footer
2-
border-top: 1px solid var(--td-color-panel-divider)
3-
background-color: var(--td-color-panel)
2+
border-top: 1px solid var(--color-panel-divider)
3+
background-color: var(--color-panel)
44

55
&.with-border-bottom
6-
border-bottom: 1px solid var(--td-color-panel-divider)
6+
border-bottom: 1px solid var(--color-panel-divider)
77

88
.tsd-legend-group
99
font-size: 0

‎src/default/assets/css/elements/_index.sass

+10-10
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@
3131
@extend h4
3232
margin: 0 -20px 10px -20px
3333
padding: 0 20px 10px 20px
34-
border-bottom: 1px solid var(--td-color-panel-divider)
34+
border-bottom: 1px solid var(--color-panel-divider)
3535

3636
ul.tsd-index-list
3737
+vendors(column-count, 3)
@@ -51,28 +51,28 @@
5151

5252
a,
5353
.tsd-parent-kind-module a
54-
color: var(--td-color-ts)
54+
color: var(--color-ts)
5555

5656
.tsd-parent-kind-interface a
57-
color: var(--td-color-ts-interface)
57+
color: var(--color-ts-interface)
5858

5959
.tsd-parent-kind-enum a
60-
color: var(--td-color-ts-enum)
60+
color: var(--color-ts-enum)
6161

6262
.tsd-parent-kind-class a
63-
color: var(--td-color-ts-class)
63+
color: var(--color-ts-class)
6464

6565
.tsd-kind-module a
66-
color: var(--td-color-ts)
66+
color: var(--color-ts)
6767

6868
.tsd-kind-interface a
69-
color: var(--td-color-ts-interface)
69+
color: var(--color-ts-interface)
7070

7171
.tsd-kind-enum a
72-
color: var(--td-color-ts-enum)
72+
color: var(--color-ts-enum)
7373

7474
.tsd-kind-class a
75-
color: var(--td-color-ts-class)
75+
color: var(--color-ts-class)
7676

7777
.tsd-is-private a
78-
color: var(--td-color-ts-private)
78+
color: var(--color-ts-private)

‎src/default/assets/css/elements/_member.sass

+7-7
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22
display: inline-block
33
padding: 1px 5px
44
border-radius: 4px
5-
color: var(--td-color-comment-tag-text)
6-
background-color: var(--td-color-comment-tag)
5+
color: var(--color-comment-tag-text)
6+
background-color: var(--color-comment-tag)
77
text-indent: 0
88
font-size: $FONT_SIZE_MONO
99
font-weight: normal
@@ -21,16 +21,16 @@
2121
border-bottom: none
2222

2323
a[data-tsd-kind]
24-
color: var(--td-color-ts)
24+
color: var(--color-ts)
2525

2626
a[data-tsd-kind="Interface"]
27-
color: var(--td-color-ts-interface)
27+
color: var(--color-ts-interface)
2828

2929
a[data-tsd-kind="Enum"]
30-
color: var(--td-color-ts-enum)
30+
color: var(--color-ts-enum)
3131

3232
a[data-tsd-kind="Class"]
33-
color: var(--td-color-ts-class)
33+
color: var(--color-ts-class)
3434

3535
a[data-tsd-kind="Private"]
36-
color: var(--td-color-ts-private)
36+
color: var(--color-ts-private)

‎src/default/assets/css/elements/_navigation.sass

+7-7
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
padding-top: 2px
2121
padding-bottom: 2px
2222
border-left: 2px solid transparent
23-
color: var(--td-color-text)
23+
color: var(--color-text)
2424
text-decoration: none
2525
transition: border-left-color 0.1s
2626

@@ -63,18 +63,18 @@
6363
+INDENTS(6, 5, 20)
6464

6565
> ul
66-
border-bottom: 1px solid var(--td-color-panel-divider)
66+
border-bottom: 1px solid var(--color-panel-divider)
6767

6868
li
69-
border-top: 1px solid var(--td-color-panel-divider)
69+
border-top: 1px solid var(--color-panel-divider)
7070

7171
&.current > a
7272
font-weight: bold
7373

7474
&.label span
7575
display: block
7676
padding: 20px 0 6px 5px
77-
color: var(--td-color-menu-label)
77+
color: var(--color-menu-label)
7878

7979
&.globals + li > span,
8080
&.globals + li > a
@@ -124,16 +124,16 @@
124124
transition: opacity 0.2s
125125

126126
&.current a
127-
border-left-color: var(--td-color-panel-divider)
127+
border-left-color: var(--color-panel-divider)
128128

129129
li.focus > a,
130130
ul.current li.focus > a
131-
border-left-color: var(--td-color-menu-divider-focus)
131+
border-left-color: var(--color-menu-divider-focus)
132132

133133
li.current
134134
margin-top: 20px
135135
margin-bottom: 20px
136-
border-left-color: var(--td-color-panel-divider)
136+
border-left-color: var(--color-panel-divider)
137137

138138
> a
139139
font-weight: bold

‎src/default/assets/css/elements/_panel.sass

+2-2
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
@extend %prevent-children-margin
1111
margin: 20px 0
1212
padding: 20px
13-
background-color: var(--td-color-panel)
13+
background-color: var(--color-panel)
1414
box-shadow: 0 0 4px rgba(#000, 0.25)
1515

1616
&:empty
@@ -19,7 +19,7 @@
1919
> h1, > h2, > h3
2020
margin: 1.5em -20px 10px -20px
2121
padding: 0 20px 10px 20px
22-
border-bottom: 1px solid var(--td-color-panel-divider)
22+
border-bottom: 1px solid var(--color-panel-divider)
2323

2424
&.tsd-before-signature
2525
margin-bottom: 0

‎src/default/assets/css/elements/_search.sass

+6-6
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@
2323
outline: 0
2424
border: 0
2525
background: transparent
26-
color: var(--td-color-text)
26+
color: var(--color-text)
2727

2828
label
2929
position: absolute
@@ -46,17 +46,17 @@
4646

4747
li
4848
padding: 0 10px
49-
background-color: var(--td-color-background)
49+
background-color: var(--color-background)
5050

5151
li:nth-child(even)
52-
background-color: var(--td-color-panel)
52+
background-color: var(--color-panel)
5353

5454
li.state
5555
display: none
5656

5757
li.current,
5858
li:hover
59-
background-color: var(--td-color-panel-divider)
59+
background-color: var(--color-panel-divider)
6060

6161
a
6262
display: block
@@ -65,11 +65,11 @@
6565
top: 10px
6666

6767
span.parent
68-
color: var(--td-color-text-aside)
68+
color: var(--color-text-aside)
6969
font-weight: normal
7070

7171
&.has-focus
72-
background-color: var(--td-color-panel-divider)
72+
background-color: var(--color-panel-divider)
7373

7474
.field input
7575
top: 0

‎src/default/assets/css/elements/_signatures.sass

+4-4
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
.tsd-signature
1515
margin: 0 0 1em 0
1616
padding: 10px
17-
border: 1px solid var(--td-color-panel-divider)
17+
border: 1px solid var(--color-panel-divider)
1818
font-family: $FONT_FAMILY_MONO
1919
font-size: $FONT_SIZE_MONO
2020
overflow-x: auto
@@ -38,7 +38,7 @@
3838
left: 20px
3939

4040
.tsd-signature-symbol
41-
color: var(--td-color-text-aside)
41+
color: var(--color-text-aside)
4242
font-weight: normal
4343

4444
.tsd-signature-type
@@ -57,7 +57,7 @@
5757
.tsd-signatures
5858
padding: 0
5959
margin: 0 0 1em 0
60-
border: 1px solid var(--td-color-panel-divider)
60+
border: 1px solid var(--color-panel-divider)
6161

6262
.tsd-signature
6363
margin: 0
@@ -68,7 +68,7 @@
6868
border-top-width: 0
6969

7070
&.current
71-
background-color: var(--td-color-panel-divider)
71+
background-color: var(--color-panel-divider)
7272

7373
&.active > .tsd-signature
7474
cursor: pointer

‎src/default/assets/css/elements/_sources.sass

+2-2
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,11 @@
99
//
1010
.tsd-sources
1111
font-size: $FONT_SIZE_MONO
12-
color: var(--td-color-text-aside)
12+
color: var(--color-text-aside)
1313
margin: 0 0 1em 0
1414

1515
a
16-
color: var(--td-color-text-aside)
16+
color: var(--color-text-aside)
1717
text-decoration: underline
1818

1919
ul, p

‎src/default/assets/css/elements/_toolbar.sass

+8-8
Original file line numberDiff line numberDiff line change
@@ -17,13 +17,13 @@
1717
left: 0
1818
width: 100%
1919
height: $TOOLBAR_HEIGHT
20-
color: var(--td-color-toolbar-text)
21-
background: var(--td-color-toolbar)
22-
border-bottom: 1px solid var(--td-color-panel-divider)
20+
color: var(--color-toolbar-text)
21+
background: var(--color-toolbar)
22+
border-bottom: 1px solid var(--color-panel-divider)
2323
transition: transform .3s linear
2424

2525
a
26-
color: var(--td-color-toolbar-text)
26+
color: var(--color-toolbar-text)
2727
text-decoration: none
2828

2929
&.title
@@ -80,7 +80,7 @@
8080

8181
&.active
8282
opacity: 1
83-
background-color: var(--td-color-panel-divider)
83+
background-color: var(--color-panel-divider)
8484

8585
&.no-caption
8686
width: 40px
@@ -150,16 +150,16 @@
150150
li
151151
@extend %TSD_WIDGET_ICON
152152
padding: 0 20px 0 0
153-
background-color: var(--td-color-background)
153+
background-color: var(--color-background)
154154

155155
&:before
156156
background-position: 40px 0
157157

158158
&:nth-child(even)
159-
background-color: var(--td-color-panel)
159+
background-color: var(--color-panel)
160160

161161
&:hover
162-
background-color: var(--td-color-panel-divider)
162+
background-color: var(--color-panel-divider)
163163

164164
&.selected:before
165165
background-position: -200px 0

0 commit comments

Comments
 (0)