| r1818 vs r1825 | ||
|---|---|---|
| ... | ... | |
| 76 | 76 | --dark-link-color: #ec9f19; |
| 77 | 77 | --light-article-background-color: #fff; |
| 78 | 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- | |
| 112 | --espejo-content-gutter-var: 1rem; | |
| 113 | --espejo-card-border- | |
| 114 | --espejo-c | |
| 115 | --espejo-button-b | |
| 116 | --espejo-button-b | |
| 117 | --espejo-button- | |
| 118 | --espejo-button- | |
| 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-b | |
| 125 | --espejo-nav-bar- | |
| 126 | --espejo-nav-bar- | |
| 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- | |
| 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- | |
| 148 | --espejo-site-notice- | |
| 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-m | |
| 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- | |
| 180 | --espejo-nav-control- | |
| 181 | --espejo-nav-control- | |
| 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; | |
| 79 | ---- | |
| 80 | --espejo-background-color: #000; | |
| 81 | --espejo-text-color: #e0e0e0; | |
| 82 | --espejo-text-secondary-color: hsla(0, 0%, 88%, .749); | |
| 83 | --espejo-text-tertiary-color: hsla(0, 0%, 88%, .502); | |
| 84 | --espejo-text-quaternary-color: hsla(0, 0%, 88%, .353); | |
| 85 | --espejo-text-light-color: #212529; | |
| 86 | --espejo-link-color: #ec9f19; | |
| 87 | --espejo-link-hover-color: #bd7f14; | |
| 88 | --espejo-link-external-color: #377e21; | |
| 89 | --espejo-highlight-color: rgba(233, 230, 18, .3); | |
| 90 | --espejo-white-color: #000; | |
| 91 | --espejo-black-color: #fff; | |
| 92 | --espejo-danger-color: #d64a58; | |
| 93 | --espejo-danger-hover-color: #ab3b46; | |
| 94 | --espejo-pink-color: #be185d; | |
| 95 | --espejo-brand1-color: #2e3033; | |
| 96 | --espejo-brand2-color: #2e3033; | |
| 97 | --espejo-brand-bright1-color: #c0c1c2; | |
| 98 | --espejo-brand-bright2-color: #c0c1c2; | |
| 99 | --espejo-card-background-color: #1c1d1f; | |
| 100 | --espejo-card-border-color: #444; | |
| 101 | --espejo-component-background-color: #000; | |
| 102 | --espejo-component-background-focus-color: #262626; | |
| 103 | --espejo-component-border-color: #444; | |
| 104 | --espejo-component-border-focus-color: #888; | |
| 105 | --espejo-button-background-color: #000; | |
| 106 | --espejo-button-background-secondary-color: #050505; | |
| 107 | --espejo-button-background-disabled-color: #1f1f1f; | |
| 108 | --espejo-button-background-active-color: #325e4a; | |
| 109 | --espejo-button-background-hover-color: #1e1e1e; | |
| 110 | --espejo-button-background-secondary-hover-color: #1d1d1d; | |
| 111 | --espejo-button-background-active-hover-color: #2d5543; | |
| 112 | --espejo-button-background-danger-hover-color: #c1434f; | |
| 113 | --espejo-button-background-focus-color: #0a0a0a; | |
| 114 | --espejo-button-background-secondary-focus-color: #141414; | |
| 115 | --espejo-button-background-active-focus-color: #305946; | |
| 116 | --espejo-button-background-danger-focus-color: #c74552; | |
| 117 | --espejo-button-border-color: #3e3e3e; | |
| 118 | --espejo-button-border-hover-color: #4a4a4a; | |
| 119 | --espejo-button-border-focus-color: #4d4d4d; | |
| 120 | --espejo-nav-bar-background-color: #2e3033; | |
| 121 | --espejo-nav-bar-text-color: #fff; | |
| 122 | --espejo-nav-bar-item-hover-color: hsla(0, 0%, 100%, .1); | |
| 123 | --espejo-nav-bar-border-color: #444; | |
| 124 | --espejo-site-notice-background-color: #181800; | |
| 125 | --espejo-site-notice-icon-background-color: #2e2e00; | |
| 126 | --espejo-article-title-namespace-underline-color: inset 0 -0.5rem 0 rgba(212, 240, 227, .3); | |
| 127 | --espejo-article-menu-background-color: #2e2e2e; | |
| 128 | --espejo-toc-map-item-background-1-color: #c2c2c2; | |
| 129 | --espejo-toc-map-item-background-2-color: #c2c2c2; | |
| 130 | --espejo-toc-map-item-background-3-color: #888; | |
| 131 | --espejo-toc-map-item-background-4-color: #616161; | |
| 132 | --espejo-toc-map-item-background-5-color: #4e4e4e; | |
| 133 | --espejo-toc-map-item-background-6-color: #4e4e4e; | |
| 134 | --espejo-toc-map-item-background-hover-1-color: #d5d5d5; | |
| 135 | --espejo-toc-map-item-background-hover-2-color: #d5d5d5; | |
| 136 | --espejo-toc-map-item-background-hover-3-color: #959595; | |
| 137 | --espejo-toc-map-item-background-hover-4-color: #6b6b6b; | |
| 138 | --espejo-toc-map-item-background-hover-5-color: #555; | |
| 139 | --espejo-toc-map-item-background-hover-6-color: #555; | |
| 140 | --espejo-nav-control-background-color: #2e3033; | |
| 141 | --espejo-nav-control-text-color: #fff; | |
| 142 | --espejo-nav-control-border-color: rgba(68, 68, 68, .5); | |
| 143 | --light-text-color: #212529; | |
| 144 | --dark-text-color: #e0e0e0; | |
| 145 | --light-text-secondary-color: rgba(33, 37, 41, .749); | |
| 146 | --dark-text-secondary-color: hsla(0, 0%, 88%, .749); | |
| 147 | --light-link-color: #0275d8; | |
| 148 | --dark-link-color: #ec9f19; | |
| 149 | --light-article-background-color: #fff; | |
| 150 | --dark-article-background-color: #1c1d1f; | |
| 186 | 151 | ==# #== |
| 187 | 152 | [[asdf|{{{#!wiki style="color: var(--text-color)" |
| 188 | 153 | color: var(--text-color)}}}]]{{{#!wiki style="color: var(--espejo-link-color)" |
| ... | ... |