mediawiki-skins-Citizen/skinStyles/extensions/DismissableSiteNotice/ext.dismissableSiteNotice.less
alistair3149 85f036c2f8
feat(core): remove expensive CSS animation
Avoid paint and layout triggering transitions
2023-07-16 15:32:13 -04:00

41 lines
666 B
Plaintext

.skin-citizen {
.mw-dismissable-notice {
&-close {
font-size: 0; // hide brackets
> a {
display: block;
width: 24px;
height: 24px;
&::before {
display: block;
color: var( --color-base );
content: '\00d7'; // close icon
font-size: 24px;
line-height: 1;
text-align: center;
}
&:hover {
&::before {
color: var( --color-base--emphasized );
}
}
&:active {
&::before {
color: var( --color-base--subtle );
}
}
}
}
&-body {
// Default has top and bottom margin
// So bottom margin is added to respect it
margin: 0 0 var( --space-md ) 0;
}
}
}