@ -10005,10 +10005,10 @@ noscript {
. filtered-notifications-banner {
display : flex ;
align-items : center ;
b ackground: $ui-base-color ;
border- bottom: 1 px solid lighten ( $ui-base-color , 8 % ) ;
padding : 15 px ;
gap : 1 5 px ;
b order: 1 px solid var ( -- background-border-color ) ;
border- top: 0 ;
padding : 24px 32 px ;
gap : 1 6 px ;
color : $darker-text-color ;
text-decoration : none ;
@ -10016,15 +10016,12 @@ noscript {
& : active ,
& : focus {
color : $secondary-text-color ;
. filtered-notifications-banner__badge {
background : $secondary-text-color ;
}
}
. icon {
width : 24 px ;
height : 24 px ;
padding : 2 px ;
}
& __text {
@ -10040,13 +10037,24 @@ noscript {
}
& __badge {
background : $darker-text-color ;
color : $ui-base-color ;
border-radius : 100 px ;
padding : 2 px 8 px ;
display : flex ;
align-items : center ;
border-radius : 999 px ;
background : var ( -- background-border-color ) ;
color : $darker-text-color ;
padding : 4 px ;
padding-inline-end : 8 px ;
gap : 6 px ;
font-weight : 500 ;
font-size : 11 px ;
line-height : 16 px ;
& __badge {
background : $ui-button-background-color ;
color : $white ;
border-radius : 100 px ;
padding : 2 px 8 px ;
}
}
}
@ -10055,7 +10063,7 @@ noscript {
align-items : center ;
gap : 16 px ;
padding : 15 px ;
border-bottom : 1 px solid lighten( $ui-base-color , 8 % ) ;
border-bottom : 1 px solid var( -- background-border-color ) ;
& __link {
display : flex ;
@ -10103,7 +10111,7 @@ noscript {
. icon-button {
border-radius : 4 px ;
border : 1 px solid lighten( $ui-base-color , 8 % ) ;
border : 1 px solid var( -- background-border-color ) ;
padding : 5 px ;
}
}