MediaWiki:Common.css: Difference between revisions
Appearance
Add styles for generic boxes and inline signals |
m Give up - allowing custom HTML elements is too much effort |
||
| Line 1: | Line 1: | ||
shapez-box { | kbd { | ||
font-family: inherit; | |||
text-decoration-line: underline; | |||
text-decoration-style: dotted; | |||
text-decoration-thickness: 1px; | |||
> kbd { | |||
font-weight: bold; | |||
} | |||
} | |||
.shapez-box { | |||
display: block; | display: block; | ||
padding: 0.5em; | padding: 0.5em; | ||
| Line 14: | Line 25: | ||
&.purple { --box-color: #dd66ff; } | &.purple { --box-color: #dd66ff; } | ||
&.yellow { --box-color: #fcf52a; } | &.yellow { --box-color: #fcf52a; } | ||
} | } | ||
Revision as of 00:43, 3 February 2026
kbd {
font-family: inherit;
text-decoration-line: underline;
text-decoration-style: dotted;
text-decoration-thickness: 1px;
> kbd {
font-weight: bold;
}
}
.shapez-box {
display: block;
padding: 0.5em;
border: 1px solid;
border-color: light-dark(var(--box-color), hsl(from var(--box-color) h calc(s * 0.5) l / 0.2));
background-color: hsl(from var(--box-color) h s l / 0.2);
--box-color: #aaa;
&.red { --box-color: #ff666a; }
&.green { --box-color: #78ff66; }
&.blue { --box-color: #66a7ff; }
&.cyan { --box-color: #00fcff; }
&.purple { --box-color: #dd66ff; }
&.yellow { --box-color: #fcf52a; }
}
.shapez-signal {
&.inline img {
width: 1lh;
height: 1lh;
vertical-align: bottom;
}
}