anki/ts/editor/legacy.scss

62 lines
1.2 KiB
SCSS
Raw Normal View History

2021-05-06 20:29:55 +02:00
@use "ts/sass/button_mixins" as button;
.linkb {
display: inline-block;
background-color: white;
border: 1px solid var(--medium-border);
@include button.btn-border-radius;
min-width: 28px;
margin-left: -1px;
padding: 3.5px;
transition: all 0.2s;
}
.linkb:hover {
background-color: #ebebeb;
}
.linkb:active,
.linkb:active:hover {
background-color: #ebebeb;
box-shadow: inset 0
calc(var(--toolbar-size) / 15)
calc(var(--toolbar-size) / 5)
rgba(0, 0, 0, 0.25);
}
.linkb:active:hover .topbut {
filter: invert(1) grayscale(1) brightness(100);
}
.topbut {
display: inline-block;
vertical-align: middle;
width: calc(var(--toolbar-size) - 12px);
height: calc(var(--toolbar-size) - 12px);
}
.nightMode {
.linkb {
background-color: #666;
margin-left: 1px;
}
.linkb:hover {
background-color: #7a7a7a;
border-color: #7a7a7a;
}
.linkb:active:hover {
box-shadow: inset 0
calc(var(--toolbar-size) / 15)
calc(var(--toolbar-size) / 5)
rgba(0, 0, 0, 0.35);
border-color: #525252;
}
.topbut,
.linkb:active:hover .topbut {
filter: invert(1);
}
}