-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.styl
135 lines (112 loc) · 2.01 KB
/
index.styl
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
*, *:before, *:after
box-sizing: border-box
vertical-align: middle
:focus
outline: 0
body
margin: 0
font-family: sans-serif
font-size: 16px
color: #fff
word-break: break-word
user-select: none
color-scheme: dark
accent-color: #2563eb
label
display: inline-flex
column-gap: 8px
align-items: center
&:not(:first-child)
margin-left: 8px
input[type=checkbox]
input[type=radio]
min-width: 16px
min-height: 16px
margin: 0
#main
position: absolute
left: 0
top: 0
width: 100%
height: 100%
display: flex
flex-direction: column
overflow: hidden
#topbar
padding: 8px 24px
display: flex
align-items: center
#logo
margin: 0 32px 0 0
#note
flex: 1
text-align: right
#content
border-top: solid 1px #0c0f17
flex: 1
background: #0c0f17
overflow: hidden
.row
.column
display: flex
gap: 1px
.column
flex-direction: column
.col
flex: 1
.xw50
width: 50%
max-width: 50%
.xh50
height: 50%
max-height: 50%
.xh100
height: 100%
max-height: 100%
.CodeMirror
width: 100%
height: 100%
font: inherit
.CodeMirror
.CodeMirror-gutters
font-family: "D2Coding", "PragmataPro Mono", "Consolas", monospace
background: #282a39 !important
.CodeMirror-linenumbers
width: 48px
.CodeMirror-linenumber
padding-right: 7px
box-sizing: border-box
.CodeMirror-cursor
margin-left: -1px
border-left-width: 2px !important
.CodeMirror-lines
padding: 8px 0
.CodeMirror-selected
background: #304e75 !important
.cm-tab
position: relative
&:after
content: ""
position: absolute
left: 0
top: 0
width: calc(100% - 2px)
height: 50%
border-bottom: solid 1px #282a39
.cm-indent
.cm-text
position: relative
.cm-indent
.cm-text:not(:has(.cm-tab))
&:after
content: ""
position: absolute
left: 0
top: calc(50% - 2px)
width: calc(100% - 1px)
height: 2px
background: linear-gradient(90deg,#0000,#0000 3px,#282a39 3px,#282a39 5px,#0000 5px,#0000 11px,#282a39 11px,#282a39 13px,#0000 13px,#0000 19px,#282a39 19px,#282a39 21px,#0000 21px)
.cm-indent
.cm-tab
margin-right: -2px
border-left: 2px dotted #434556