mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-11-23 18:17:20 +00:00
Style tweaks for toolbar buttons
This commit is contained in:
parent
f3b5dc530e
commit
db0d95afcd
@ -346,37 +346,38 @@ html body.tc-body .tc-btn-boxed svg {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.tc-btn-boxed:hover {
|
.tc-btn-boxed:hover {
|
||||||
background: <<colour foreground>>;
|
background: <<colour muted-foreground>>;
|
||||||
color: <<color background>>;
|
color: <<colour background>>;
|
||||||
}
|
}
|
||||||
|
|
||||||
html body.tc-body .tc-btn-boxed:hover svg {
|
html body.tc-body .tc-btn-boxed:hover svg {
|
||||||
fill: <<color background>>;
|
fill: <<colour background>>;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tc-btn-rounded {
|
.tc-btn-rounded {
|
||||||
font-size: 0.6em;
|
font-size: 0.5em;
|
||||||
padding: 0.2em 0.4em 0.2em 0.4em;
|
line-height: 2;
|
||||||
|
padding: 0em 0.3em 0.2em 0.4em;
|
||||||
margin: 1px;
|
margin: 1px;
|
||||||
border: 1px solid <<colour foreground>>;
|
border: 1px solid <<colour muted-foreground>>;
|
||||||
background: <<colour foreground>>;
|
background: <<colour muted-foreground>>;
|
||||||
color: <<color background>>;
|
color: <<colour background>>;
|
||||||
border-radius: 2em;
|
border-radius: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
html body.tc-body .tc-btn-rounded svg {
|
html body.tc-body .tc-btn-rounded svg {
|
||||||
font-size: 1.6666em;
|
font-size: 1.6666em;
|
||||||
fill: <<color background>>;
|
fill: <<colour background>>;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tc-btn-rounded:hover {
|
.tc-btn-rounded:hover {
|
||||||
border: 1px solid <<colour foreground>>;
|
border: 1px solid <<colour muted-foreground>>;
|
||||||
background: <<colour background>>;
|
background: <<colour background>>;
|
||||||
color: <<color foreground>>;
|
color: <<colour muted-foreground>>;
|
||||||
}
|
}
|
||||||
|
|
||||||
html body.tc-body .tc-btn-rounded:hover svg {
|
html body.tc-body .tc-btn-rounded:hover svg {
|
||||||
fill: <<color foreground>>;
|
fill: <<colour muted-foreground>>;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tc-btn-icon svg {
|
.tc-btn-icon svg {
|
||||||
|
Loading…
Reference in New Issue
Block a user