1
1
@import url ('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap' );
2
- @import url ("https://lazuee.github.io/css-snippets/discord/sidebar-notice/import.css" );
3
2
4
3
: root {
5
4
--notice-margin-top : calc (57px + var (--space ));
8
7
--notice-height-join : 160px ;
9
8
--notice-height-welcome : 155px ;
10
9
--notice-height-premium : 150px ;
10
+ --notice-height-warning : 158px ;
11
11
}
12
12
13
13
: root {
27
27
28
28
body ,
29
29
html {
30
- font-size : 11 px ;
30
+ font-size : 12 px ;
31
31
tab-size : 4 ;
32
32
text-rendering : optimizeLegibility;
33
33
-webkit-text-size-adjust : 100% ;
@@ -111,7 +111,7 @@ html {
111
111
}
112
112
113
113
.circleIconButton_db6521 {
114
- color : var (--green-360 );
114
+ color : var (--text-normal );
115
115
116
116
& : hover ,
117
117
& .selected_db6521 {
@@ -619,14 +619,6 @@ html {
619
619
}
620
620
}
621
621
}
622
-
623
- > .thin_eed6a8 > ul {
624
-
625
- > [style = "height: 84px;" ],
626
- > [style = "height: 16px;" ] {
627
- height : 183px !important ;
628
- }
629
- }
630
622
}
631
623
632
624
> div : has ([class ^= "channelNotice_" ])> div {
@@ -656,7 +648,7 @@ html {
656
648
}
657
649
}
658
650
659
- & : has ([ class *= "discoverHeader_" ] ) {
651
+ & : has (. discoverHeader_b992d4 ) {
660
652
.sidebarContainer_a3a4ce {
661
653
scrollbar-width : none;
662
654
background-color : var (--background-secondary );
@@ -798,18 +790,9 @@ html {
798
790
}
799
791
800
792
& : has (.notice_be03aa ) {
801
- .container_fa295b {
802
- & : before {
803
- content : "" ;
804
- display : flex;
805
- position : relative;
806
- height : var (--notice-height ) !important ;
807
- width : 100% ;
808
- }
809
- }
810
-
811
- & : not (: has (.channelNotice_a6cd4e )) {
812
- --notice-margin-top : calc (183px + var (--space ));
793
+ & : not (: has (.channelNotice_a6cd4e )): has (.animatedContainer_fd6364 ) {
794
+ --notice-margin-top : calc (184px + var (--space ));
795
+ --notice-height-add : var (--notice-margin-top );
813
796
}
814
797
815
798
div .notice_be03aa {
@@ -830,6 +813,28 @@ html {
830
813
}
831
814
}
832
815
816
+ .members_cbd271 {
817
+ h3 .membersGroup_cbd271 {
818
+ margin-bottom : 8px ;
819
+ }
820
+
821
+ .member_a31c43 > div {
822
+ border-radius : calc (var (--border-radius ) - 4px );
823
+ padding-right : 16px ;
824
+
825
+ .activity_a31c43 {
826
+ display : none;
827
+ }
828
+
829
+ & : has (.activity_a31c43 ): hover {
830
+
831
+ .activity_a31c43 {
832
+ display : flex;
833
+ }
834
+ }
835
+ }
836
+ }
837
+
833
838
.layerContainer_cd0de5 {
834
839
.layer_c9e2da {
835
840
.separator_f9a4c9 {
0 commit comments