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-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-"] { [class^="sidebar-"] {
&, & > nav { &, & > nav {
background-color: transparent; background-color: transparent;
@ -14,16 +28,14 @@
background-color: var(--background-secondary); background-color: var(--background-secondary);
} }
nav[class^="private"] { nav[class^="private"]
&::before { { .mica-header(); }
content: "Discord";
color: var(--header-primary); & > div[class*="scrollerBase-"] {
margin: ((48px - 20px) / 2) 16px; // 20px is line-height .mica-header("Discover");
font-size: 15px;
line-height: 20px; & > h2[class^="discoverHeader-"]
font-weight: 500; { &:extend(.hide); }
font-family: var(--font-display);
}
} }
section { // bottom panel section { // bottom panel

View file

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