Replace CSS property macros in Snow White theme (#9243)

This commit is contained in:
XLBilly 2025-10-29 19:07:37 +08:00 committed by GitHub
parent 46c26a64b9
commit d733b77e2f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -12,41 +12,41 @@ tags: [[$:/tags/Stylesheet]]
} }
.tc-tiddler-info { .tc-tiddler-info {
<<box-shadow "inset 1px 2px 3px rgba(0,0,0,0.1)">> box-shadow: inset 1px 2px 3px rgba(0,0,0,0.1);
} }
@media screen { @media screen {
.tc-tiddler-frame { .tc-tiddler-frame {
<<box-shadow "1px 1px 5px rgba(0, 0, 0, 0.3)">> box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
} }
} }
@media (max-width: <<sidebarbreakpoint-minus-one>>) { @media (max-width: <<sidebarbreakpoint-minus-one>>) {
.tc-tiddler-frame { .tc-tiddler-frame {
<<box-shadow none>> box-shadow: none;
} }
} }
.tc-page-controls button svg, .tc-tiddler-controls button svg, .tc-topbar button svg { .tc-page-controls button svg, .tc-tiddler-controls button svg, .tc-topbar button svg {
<<transition "fill 150ms ease-in-out">> transition: fill 150ms ease-in-out;
} }
.tc-tiddler-controls button.tc-selected, .tc-tiddler-controls button.tc-selected,
.tc-page-controls button.tc-selected { .tc-page-controls button.tc-selected {
<<filter "drop-shadow(0px -1px 2px rgba(0,0,0,0.25))">> filter: drop-shadow(0px -1px 2px rgba(0,0,0,0.25));
} }
.tc-tiddler-frame input.tc-edit-texteditor, .tc-tiddler-frame input.tc-edit-texteditor,
.tc-tiddler-frame select.tc-edit-texteditor { .tc-tiddler-frame select.tc-edit-texteditor {
<<box-shadow "inset 0 1px 8px rgba(0, 0, 0, 0.15)">> box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.15);
} }
.tc-edit-tags { .tc-edit-tags {
<<box-shadow "inset 0 1px 8px rgba(0, 0, 0, 0.15)">> box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.15);
} }
.tc-tiddler-frame .tc-edit-tags input.tc-edit-texteditor { .tc-tiddler-frame .tc-edit-tags input.tc-edit-texteditor {
<<box-shadow "none">> box-shadow: none
border: none; border: none;
outline: none; outline: none;
} }
@ -56,59 +56,59 @@ textarea.tc-edit-texteditor {
} }
canvas.tc-edit-bitmapeditor { canvas.tc-edit-bitmapeditor {
<<box-shadow "2px 2px 5px rgba(0, 0, 0, 0.5)">> box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
} }
.tc-drop-down { .tc-drop-down {
border-radius: 4px; border-radius: 4px;
<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">> box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
} }
.tc-block-dropdown { .tc-block-dropdown {
border-radius: 4px; border-radius: 4px;
<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">> box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
} }
.tc-modal { .tc-modal {
border-radius: 6px; border-radius: 6px;
<<box-shadow "0 3px 7px rgba(0,0,0,0.3)">> box-shadow: 0 3px 7px rgba(0,0,0,0.3);
} }
.tc-modal-footer { .tc-modal-footer {
border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
<<box-shadow "inset 0 1px 0 #fff">>; box-shadow: inset 0 1px 0 #fff;
} }
.tc-alert { .tc-alert {
border-radius: 6px; border-radius: 6px;
<<box-shadow "0 3px 7px rgba(0,0,0,0.6)">> box-shadow: 0 3px 7px rgba(0,0,0,0.6);
} }
.tc-notification { .tc-notification {
border-radius: 6px; border-radius: 6px;
<<box-shadow "0 3px 7px rgba(0,0,0,0.3)">> box-shadow: 0 3px 7px rgba(0,0,0,0.3);
text-shadow: 0 1px 0 rgba(255,255,255, 0.8); text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
} }
.tc-sidebar-lists .tc-tab-set .tc-tab-divider { .tc-sidebar-lists .tc-tab-set .tc-tab-divider {
border-top: none; border-top: none;
height: 1px; height: 1px;
<<background-linear-gradient "left, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.0) 100%">> background-image: linear-gradient(to right, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.0) 100%);
} }
.tc-more-sidebar > .tc-tab-set > .tc-tab-buttons > button { .tc-more-sidebar > .tc-tab-set > .tc-tab-buttons > button {
<<background-linear-gradient "left, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.1) 100%">> background-image: linear-gradient(to right, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.1) 100%);
} }
.tc-more-sidebar > .tc-tab-set > .tc-tab-buttons > button.tc-tab-selected { .tc-more-sidebar > .tc-tab-set > .tc-tab-buttons > button.tc-tab-selected {
<<background-linear-gradient "left, rgba(0,0,0,0.05) 0%, rgba(255,255,255,0.05) 100%">> background-image: linear-gradient(to right, rgba(0,0,0,0.05) 0%, rgba(255,255,255,0.05) 100%);
} }
.tc-message-box img { .tc-message-box img {
<<box-shadow "1px 1px 3px rgba(0,0,0,0.5)">> box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
} }
.tc-plugin-info { .tc-plugin-info {
<<box-shadow "1px 1px 3px rgba(0,0,0,0.5)">> box-shadow: 1px 1px 3px rgba(0,0,0,0.5)
} }