This commit is contained in:
Er2 2022-04-30 14:34:17 +03:00
parent d10626b18a
commit 259a7700e0
2 changed files with 25 additions and 11 deletions

View file

@ -1,5 +1,19 @@
// Mica-like material from Windows 11
.mica-header(@name: "Discord") {
display: flex;
flex-direction: column;
&::before {
content: @name;
color: var(--header-primary);
padding: ((48px - 20px) / 2) 16px; // 20px is line-height
font-size: 15px;
line-height: 20px;
font-weight: 500;
font-family: var(--font-display);
}
}
[class^="sidebar-"] {
&, & > nav {
background-color: transparent;
@ -14,16 +28,14 @@
background-color: var(--background-secondary);
}
nav[class^="private"] {
&::before {
content: "Discord";
color: var(--header-primary);
margin: ((48px - 20px) / 2) 16px; // 20px is line-height
font-size: 15px;
line-height: 20px;
font-weight: 500;
font-family: var(--font-display);
}
nav[class^="private"]
{ .mica-header(); }
& > div[class*="scrollerBase-"] {
.mica-header("Discover");
& > h2[class^="discoverHeader-"]
{ &:extend(.hide); }
}
section { // bottom panel

View file

@ -189,7 +189,9 @@ div[class*="stickyHeader-"],
#status-picker-idle,
#status-picker-dnd,
#status-picker-invisible {
margin: 8px;
padding: 8px;
margin: 2px;
& > div {
padding: 0;