mediawiki-skins-Citizen/resources/skins.citizen.styles.debug/skins.citizen.styles.debug.less
alistair3149 47e1259bc3
feat: implement a more adaptive smooth shadow
* Looks more natural
* Can be customized through the surface-shadow and shadow-strength CSS var
* Light mode and dark mode have been different shadow now, it should be more visible in dark mode
* Box-shadow is a CSS var, which can be used in templates and wiki CSS
2022-04-24 15:24:09 -04:00

30 lines
652 B
Plaintext

@import '../variables.less';
.skin-citizen {
.xdebug {
&-error {
position: relative;
z-index: 99999; // Higher than header and ToC
border-color: var( --border-color-base );
margin: 0 var( --padding-page );
box-shadow: var( --box-shadow-card );
&:before {
display: table-caption;
padding: 20px;
background-color: var( --color-destructive );
border-radius: var( --border-radius--large ) var( --border-radius--large ) 0 0;
color: #fff;
content: 'You may have fucked up.'; // Need i18n
font-size: 2rem;
font-weight: bold;
letter-spacing: 0.75px;
}
th {
padding: 5px 10px;
}
}
}
}