MediaWiki:Common.css: Difference between revisions
Appearance
Add basic styles for inline keybindings |
m Add large .shapez-box variation |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
text-decoration-style: dotted; | text-decoration-style: dotted; | ||
text-decoration-thickness: 1px; | 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; | |||
} | |||
} | } | ||
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;
}
}