r2805 vs r2806
......
44
{{{#!if this[' ']='변수명 공백', b = this[' ']
55
}}}@b@
66
==# #==
7
--espejo-background-color: #f5f5f5;
8
--espejo-text-color: #212529;
9
--espejo-text-secondary-color: rgba(33, 37, 41, .749);
10
--espejo-text-tertiary-color: rgba(33, 37, 41, .502);
11
--espejo-text-quaternary-color: rgba(33, 37, 41, .353);
12
--espejo-text-light-color: #212529;
13
--espejo-link-color: #0275d8;
14
--espejo-link-hover-color: #0263b8;
15
--espejo-link-external-color: #377e21;
16
--espejo-highlight-color: rgba(231, 227, 23, .5);
17
--espejo-white-color: #fff;
18
--espejo-black-color: #000;
19
--espejo-danger-color: #d64a58;
20
--espejo-danger-hover-color: #ab3b46;
21
--espejo-pink-color: #db2777;
22
--espejo-brand1-color: #00a69c;
23
--espejo-brand2-color: #28b472;
24
--espejo-brand-bright1-color: #bfe9d5;
25
--espejo-brand-bright2-color: #d4f0e3;
26
--espejo-card-background-color: #fff;
27
--espejo-card-border-color: #ccc;
28
--espejo-component-background-color: #fff;
29
--espejo-component-background-focus-color: #f2f2f2;
30
--espejo-component-border-color: #ced4da;
31
--espejo-component-border-focus-color: #878a8d;
32
--espejo-button-background-color: #fff;
33
--espejo-button-background-disabled-color: #f7f7f7;
34
--espejo-button-background-secondary-color: #a2a2a2;
35
--espejo-button-background-active-color: #d4f0e3;
36
--espejo-button-background-danger-color: #d64a58;
37
--espejo-button-background-hover-color: #efefef;
38
--espejo-button-background-secondary-hover-color: #aaa;
39
--espejo-button-background-active-hover-color: #c9e4d8;
40
--espejo-button-background-danger-hover-color: #c1434f;
41
--espejo-button-background-focus-color: #f3f3f3;
42
--espejo-button-background-secondary-focus-color: #a7a7a7;
43
--espejo-button-background-active-focus-color: #cee9dc;
44
--espejo-button-background-danger-focus-color: #c74552;
45
--espejo-button-border-color: #dadada;
46
--espejo-button-border-hover-color: #c5c5c5;
47
--espejo-button-border-focus-color: #c5c5c5;
48
--espejo-nav-bar-background-color: linear-gradient(90deg, #00a69c, #00a69c, #28b472);
49
--espejo-nav-bar-text-color: #fff;
50
--espejo-nav-bar-item-hover-color: hsla(0, 0%, 100%, .1);
51
--espejo-nav-bar-border-color: #ccc;
52
--espejo-site-notice-background-color: #fefc8c;
53
--espejo-site-notice-icon-background-color: #e5e37e;
54
--espejo-article-title-namespace-underline-color: inset 0 -0.5rem 0 #d4f0e3;
55
--espejo-article-menu-background-color: #fff;
56
--espejo-toc-map-item-background-1-color: #5a5a5a;
57
--espejo-toc-map-item-background-2-color: #5a5a5a;
58
--espejo-toc-map-item-background-3-color: #8c8c8c;
59
--espejo-toc-map-item-background-4-color: #adadad;
60
--espejo-toc-map-item-background-5-color: #bdbdbd;
61
--espejo-toc-map-item-background-6-color: #bdbdbd;
62
--espejo-toc-map-item-background-hover-1-color: #404040;
63
--espejo-toc-map-item-background-hover-2-color: #404040;
64
--espejo-toc-map-item-background-hover-3-color: #797979;
65
--espejo-toc-map-item-background-hover-4-color: #a0a0a0;
66
--espejo-toc-map-item-background-hover-5-color: #b3b3b3;
67
--espejo-toc-map-item-background-hover-6-color: #b3b3b3;
68
--espejo-nav-control-background-color: #1aafa6;
69
--espejo-nav-control-text-color: #fff;
70
--espejo-nav-control-border-color: rgba(206, 212, 218, .5);
71
--light-text-color: #212529;
72
--dark-text-color: #e0e0e0;
73
--light-text-secondary-color: rgba(33, 37, 41, .749);
74
--dark-text-secondary-color: hsla(0, 0%, 88%, .749);
75
--light-link-color: #0275d8;
76
--dark-link-color: #ec9f19;
77
--light-article-background-color: #fff;
78
--dark-article-background-color: #1c1d1f;
79
--espejo-layout-gutter-var: 0;
80
--espejo-card-gutter-var: 1rem;
81
--espejo-content-gutter-var: 0;
82
--espejo-nav-bar-height-var: 3rem;
83
--espejo-nav-bar-brand-gap-var: 0.5rem;
84
--espejo-nav-bar-menu-item-gap-var: 0;
85
--espejo-nav-bar-image-height-var: 2rem;
86
--espejo-search-box-gap-var: 0;
87
--espejo-search-box-gutter-left-var: env(safe-area-inset-left, 0);
88
--espejo-search-box-gutter-right-var: env(safe-area-inset-right, 0);
89
--espejo-search-box-button-width-var: 2rem;
90
--espejo-search-box-left-button-width-var: 2.25rem;
91
--espejo-search-box-suggest-gutter-left-var: max(env(safe-area-inset-left, 0), 0.25rem);
92
--espejo-search-box-suggest-gutter-right-var: max(env(safe-area-inset-right, 0), 0.25rem);
93
--espejo-site-notice-gap-left-var: env(safe-area-inset-left, 0);
94
--espejo-site-notice-gap-right-var: env(safe-area-inset-right, 0);
95
--espejo-sidebar-item-gutter-left-var: calc(env(safe-area-inset-left, 0) + 1rem);
96
--espejo-sidebar-item-gutter-right-var: calc(env(safe-area-inset-right, 0) + 1rem);
97
--espejo-article-gutter-left-var: calc(env(safe-area-inset-left, 0) + 1rem);
98
--espejo-article-gutter-right-var: calc(env(safe-area-inset-right, 0) + 1rem);
99
--espejo-article-gutter-y-var: 1rem;
100
--espejo-article-title-gutter-bottom-var: 1.25rem;
101
--espejo-article-wiki-title-gutter-bottom-var: 1rem;
102
--espejo-nav-control-gutter-x-var: 1.5rem;
103
--espejo-nav-control-gutter-y-var: 1.5rem;
104
--espejo-nav-control-gap-var: 0.5rem;
105
--espejo-sidebar-width-var: 280px;
106
--espejo-nav-control-toc-popup-width-var: 280px;
107
--espejo-page-font-size-var: 15px;
108
--espejo-page-font-family-var: "Pretendard JP", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans CJK KR", "NanumBarunGothic", Roboto, "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif, emoji;
109
--espejo-page-font-weight-var: 400;
110
--espejo-layout-gutter-var: 1rem;
111
--espejo-card-gutter-var: 1.25rem;
112
--espejo-content-gutter-var: 1rem;
113
--espejo-card-border-width-var: 1px;
114
--espejo-card-border-radius-var: 6px;
115
--espejo-button-border-width-var: 1px;
116
--espejo-button-border-radius-var: 0.3rem;
117
--espejo-button-gutter-x-var: 0.75rem;
118
--espejo-button-gutter-y-var: 0.25rem;
119
--espejo-nav-bar-height-var: 3.5rem;
120
--espejo-nav-bar-gutter-left-var: max(env(safe-area-inset-left, 0), 1rem);
121
--espejo-nav-bar-gutter-right-var: max(env(safe-area-inset-right, 0), 1rem);
122
--espejo-nav-bar-gutter-y-var: 0.5rem;
123
--espejo-nav-bar-border-width-var: 1px;
124
--espejo-nav-bar-brand-gap-var: 1rem;
125
--espejo-nav-bar-child-radius-var: 4px;
126
--espejo-nav-bar-menu-item-gutter-var: 0.75rem;
127
--espejo-nav-bar-menu-item-gap-var: 0.5rem;
128
--espejo-nav-bar-menu-icon-size-var: 1rem;
129
--espejo-nav-bar-menu-icon-size-large-var: 1.2rem;
130
--espejo-nav-bar-menu-icon-gap-var: 0.75rem;
131
--espejo-nav-bar-menu-font-size-var: 1.05rem;
132
--espejo-nav-bar-menu-font-weight-var: 500;
133
--espejo-nav-bar-image-menu-item-gutter-var: 0.5rem;
134
--espejo-nav-bar-image-height-var: 2.5rem;
135
--espejo-search-box-width-var: 20rem;
136
--espejo-search-box-height-var: 2.5rem;
137
--espejo-search-box-gap-var: 0.5rem;
138
--espejo-search-box-gutter-left-var: 0;
139
--espejo-search-box-gutter-right-var: 0;
140
--espejo-search-box-button-width-var: 2.25rem;
141
--espejo-search-box-left-button-width-var: 2.5rem;
142
--espejo-search-box-suggest-gap-top-var: 0.75rem;
143
--espejo-search-box-suggest-gutter-left-var: 0.25rem;
144
--espejo-search-box-suggest-gutter-right-var: 0.25rem;
145
--espejo-search-box-suggest-item-gutter-x-var: 0.5rem;
146
--espejo-search-box-suggest-item-gutter-y-var: 0.5rem;
147
--espejo-site-notice-gap-left-var: 0;
148
--espejo-site-notice-gap-right-var: 0;
149
--espejo-site-notice-gutter-x-var: 0.75rem;
150
--espejo-site-notice-gutter-y-var: 0.75rem;
151
--espejo-dropdown-menu-gutter-x-var: 0;
152
--espejo-dropdown-menu-gutter-y-var: 0.25rem;
153
--espejo-dropdown-menu-gap-top-var: 0.25rem;
154
--espejo-dropdown-menu-gap-x-var: 0.25rem;
155
--espejo-dropdown-menu-item-gutter-x-var: 0.75rem;
156
--espejo-dropdown-menu-item-gutter-y-var: 0.375rem;
157
--espejo-dropdown-menu-item-gutter-y-tight-var: 0.3125rem;
158
--espejo-dropdown-menu-item-gap-x-var: 0.25rem;
159
--espejo-dropdown-menu-item-gap-y-var: 0.125rem;
160
--espejo-dropdown-menu-item-gap-y-tight-var: 0;
161
--espejo-dropdown-menu-item-border-radius-var: 4px;
162
--espejo-dropdown-menu-item-icon-gap-var: 0.75rem;
163
--espejo-dropdown-menu-item-icon-gap-tight-var: 0.35rem;
164
--espejo-dropdown-menu-header-gutter-x-var: 1rem;
165
--espejo-dropdown-menu-header-gutter-top-var: 0.375rem;
166
--espejo-dropdown-menu-header-gutter-bottom-var: 0.125rem;
167
--espejo-sidebar-width-var: 320px;
168
--espejo-sidebar-item-gutter-left-var: 1.25rem;
169
--espejo-sidebar-item-gutter-right-var: 1.25rem;
170
--espejo-sidebar-item-gutter-bottom-var: 1rem;
171
--espejo-article-min-height-var: 50rem;
172
--espejo-article-gutter-left-var: 1.5rem;
173
--espejo-article-gutter-right-var: 1.5rem;
174
--espejo-article-gutter-y-var: 1.5rem;
175
--espejo-article-seperator-width-var: 1px;
176
--espejo-article-seperator-gap-var: 1.5rem;
177
--espejo-article-title-gutter-bottom-var: 1.5rem;
178
--espejo-article-wiki-title-gutter-bottom-var: 1.5rem;
179
--espejo-nav-control-gutter-x-var: 2.5rem;
180
--espejo-nav-control-gutter-y-var: 2rem;
181
--espejo-nav-control-gap-var: 0.75rem;
182
--espejo-nav-control-item-width-var: 2.5rem;
183
--espejo-nav-control-item-height-var: 2.5rem;
184
--espejo-nav-control-toc-popup-width-var: 320px;
185
--espejo-nav-control-toc-popup-max-height-var: 28rem;
186
==# #==
7187
[[asdf|{{{#!wiki style="color: var(--text-color)"
8188
color: var(--text-color)}}}]]{{{#!wiki style="color: var(--espejo-link-color)"
9189
var(--espejo-link-color)}}}{{{#!wiki style="background: var(--espejo-nav-bar-background-color)"
......