mediawiki-skin-crystal/resources/parts/sitenotice.less

71 lines
1.4 KiB
Plaintext

#localNotice {
// width: max-content;
box-shadow: inset 0 0 6px 6px var(--gold-2);
background-image: linear-gradient(90deg, var(--gold-1), var(--gold-2) 90%);
border: 2px solid var(--gold-3);
}
.mw-dismissable-notice {
text-align: center;
position: relative;
}
.mw-dismissable-notice-close {
position: absolute;
bottom: calc(var(--space) * 1);
right: calc(var(--space) * 2);
color: var(--gold-7);
}
.mw-dismissable-notice-body {
text-wrap: pretty;
}
.sitenotice p {
color: var(--gold-7);
}
@media (min-width: 1201px) {
.mw-dismissable-notice, #localNotice {
grid-row: sitenotice;
grid-column: pagestart / pageend;
margin-top: var(--space);
}
#localNotice {
padding: calc(var(--space) * 2);
}
}
@media (max-width: 1200px) {
#localNotice {
font-size: .9em;
padding: calc(var(--space) * 1);
margin-left: var(--space);
margin-right: var(--space);
}
.mw-dismissable-notice {
padding-bottom: calc(var(--space) * 4);
grid-column: 1;
grid-row: sitenotice;
margin-top: calc(var(--space) * 1);
}
.mw-dismissable-notice-close {
bottom: calc(var(--space) * 1);
}
// @media (prefers-color-scheme: dark){
// .mw-dismissable-notice-close {
// color: var(--8);
// }
// }
}
@media (max-width: 720px) {
}