MediaWiki:Common.css: Difference between revisions
Appearance
Add styles for generic boxes and inline signals |
m Add large .shapez-box variation |
||
| (3 intermediate revisions by the same user not shown) | |||
| 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; | ||
border: 1px solid; | border: 1px solid; | ||
border-color: light-dark( | border-color: light-dark(hsl(from var(--box-color) h calc(s * 0.5) l), var(--box-color)); | ||
background-color: hsl(from var(--box-color) h s l / 0.2); | background-color: hsl(from var(--box-color) h s l / 0.2); | ||
--box-color: #aaa; | --box-color: #aaa; | ||
&.large { padding: 1em; } | |||
&.red { --box-color: #ff666a; } | &.red { --box-color: #ff666a; } | ||
&.green { --box-color: #78ff66; } | &.green { --box-color: #78ff66; } | ||
| Line 14: | Line 26: | ||
&.purple { --box-color: #dd66ff; } | &.purple { --box-color: #dd66ff; } | ||
&.yellow { --box-color: #fcf52a; } | &.yellow { --box-color: #fcf52a; } | ||
} | } | ||
Latest revision as of 05:27, 8 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(hsl(from var(--box-color) h calc(s * 0.5) l), var(--box-color));
background-color: hsl(from var(--box-color) h s l / 0.2);
--box-color: #aaa;
&.large { padding: 1em; }
&.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;
}
}