light mode support

This commit is contained in:
Joni Juup
2022-02-02 12:15:58 +02:00
parent c544a03be4
commit a2a58f0ba9

View File

@@ -15,8 +15,7 @@ body,
.gutter { .gutter {
position: relative; position: relative;
background-color: rgba(255, 255, 255, 0); transition: border-color 0.3s;
transition: border-color 0.3s, background-color 0.3s;
} }
.gutter-vertical { .gutter-vertical {
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
@@ -32,7 +31,14 @@ body,
cursor: row-resize; cursor: row-resize;
border-bottom: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5);
} }
html.light .gutter-vertical:hover {
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.gutter-horizontal:hover { .gutter-horizontal:hover {
cursor: col-resize; cursor: col-resize;
border-right: 1px solid rgba(255, 255, 255, 0.5); border-right: 1px solid rgba(255, 255, 255, 0.5);
} }
html.light .gutter-horizontal:hover {
border-right: 1px solid rgba(0, 0, 0, 0.5);
}