| @@ -6,10 +6,11 @@ | ||
| 6 | 6 | color-scheme: only light; |
| 7 | 7 | } |
| 8 | 8 | |
| 9 | 9 | @layer components { |
| 10 | + /* Theme variations like hong-kong and tokyo uppercase every heading. */ | |
| 10 | 11 | .extendify-agent-markdown :is(h1, h2, h3, h4) { |
| 11 | - @apply font-sans! text-gray-900!; | |
| 12 | + @apply font-sans! normal-case! tracking-normal! text-gray-900!; | |
| 12 | 13 | } |
| 13 | 14 | .extendify-agent-markdown h1 { |
| 14 | 15 | @apply mb-2! mt-0! text-2xl! font-bold!; |
| 15 | 16 | } |
| @@ -158,5 +159,42 @@ | ||
| 158 | 159 | * (anchors navigate, form controls focus). */ |
| 159 | 160 | /* no-prefix */ |
| 160 | 161 | .extendify-agent-highlighter-mode .wp-lightbox-container img { |
| 161 | 162 | pointer-events: none !important; |
| 163 | +} | |
| 164 | +/* no-prefix */ | |
| 165 | +body.extendify-agent-canvas-blurred { | |
| 166 | + --extendify-canvas-blur: 3px; | |
| 167 | +} | |
| 168 | +/* Blurring the wp-block-* descendants instead would compound at every level. */ | |
| 169 | +/* no-prefix */ | |
| 170 | +.extendify-agent-canvas-open .wp-site-blocks > header, | |
| 171 | +.extendify-agent-canvas-open .wp-site-blocks > main, | |
| 172 | +.extendify-agent-canvas-open .wp-site-blocks > footer, | |
| 173 | +/* Leaves only: a filter re-anchors fixed children — the bar, the menu backdrop. */ | |
| 174 | +.extendify-agent-canvas-open #adminmenuback, | |
| 175 | +.extendify-agent-canvas-open #adminmenuwrap, | |
| 176 | +.extendify-agent-canvas-open #wpbody, | |
| 177 | +.extendify-agent-canvas-open #wpfooter, | |
| 178 | +.extendify-agent-canvas-open #wpadminbar, | |
| 179 | +.extendify-agent-canvas-open [data-extendify-agent-emptied], | |
| 180 | +.extendify-agent-canvas-open #extendify-toolbar { | |
| 181 | + filter: blur(var(--extendify-canvas-blur, 0px)); | |
| 182 | + transition: filter 300ms ease-in-out; | |
| 183 | +} | |
| 184 | + | |
| 185 | +/* no-prefix */ | |
| 186 | +.extendify-agent-canvas-dims-agent [data-extendify-agent-panel] { | |
| 187 | + filter: blur(var(--extendify-canvas-blur, 0px)); | |
| 188 | + transition: filter 300ms ease-in-out; | |
| 189 | +} | |
| 190 | + | |
| 191 | +/* Below 783px the sidebar unmounts, and an offset left behind strands the bar. */ | |
| 192 | +/* 384 and 8 mirror Skeleton::printStyles; drift shows up as a jump on mount. */ | |
| 193 | +@media (min-width: 783px) { | |
| 194 | + /* no-prefix */ | |
| 195 | + html.extendify-agent-docked #wpadminbar { | |
| 196 | + margin: 8px 8px 0 384px; | |
| 197 | + max-width: calc(100% - 392px); | |
| 198 | + border-radius: 8px 8px 0 0; | |
| 199 | + } | |
| 162 | 200 | } |
