mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-24 06:24:22 +00:00
feat(PortableInfobox): ✨ clean up header styles
This commit is contained in:
parent
44e7af78bd
commit
756c87dad7
|
@ -65,7 +65,7 @@ Name | Grade | Version | Last updated
|
|||
[MultimediaViewer](https://www.mediawiki.org/wiki/Extension:MultimediaViewer) | A | REL1_39 `1b97775` | 2022-11-26
|
||||
[OAuth](https://www.mediawiki.org/wiki/Extension:OAuth) | B | REL1_35 `451ed95` | 2021-08-31
|
||||
[Popups](https://www.mediawiki.org/wiki/Extension:Popups) | A | REL1_39 `a40ebc1` | 2022-11-28
|
||||
[PortableInfobox](https://www.mediawiki.org/wiki/Extension:PortableInfobox) | B | 0.6 `16a77dc` | 2022-04-14
|
||||
[PortableInfobox](https://www.mediawiki.org/wiki/Extension:PortableInfobox) | A | 0.6 `16a77dc` | 2024-04-17
|
||||
[RelatedArticles](https://www.mediawiki.org/wiki/Extension:RelatedArticles) | A | REL1_39 `f513e5c` | 2022-11-16
|
||||
[ReplaceText](https://www.mediawiki.org/wiki/Extension:ReplaceText) | B | REL1_39 `af4840a` | 2023-01-03
|
||||
[RevisionSlider](https://www.mediawiki.org/wiki/Extension:RevisionSlider) | B | REL1_35 `4c4e368` | 2022-06-02
|
||||
|
|
|
@ -5,13 +5,45 @@
|
|||
* Module: ext.PortableInfobox.styles
|
||||
* Version: 0.6 16a77dc
|
||||
*
|
||||
* Date: 2022-04-14
|
||||
* Date: 2024-04-17
|
||||
*/
|
||||
|
||||
:root {
|
||||
--pi-background: var( --color-surface-2 );
|
||||
--pi-border-color: var( --border-color-base );
|
||||
--pi-secondary-background: var( --color-surface-3 );
|
||||
--pi-margin: var( --space-md );
|
||||
}
|
||||
|
||||
.pi-caption {
|
||||
// Align with Citizen caption styles
|
||||
color: var( --color-base--subtle );
|
||||
font-size: var( --font-size-x-small );
|
||||
font-style: normal;
|
||||
letter-spacing: 0.025em;
|
||||
}
|
||||
|
||||
|
||||
.portable-infobox {
|
||||
font-size: var( --font-size-small );
|
||||
}
|
||||
|
||||
.portable-infobox .pi-title {
|
||||
font-size: var( --font-size-x-large );
|
||||
line-height: var( --line-height-sm );
|
||||
}
|
||||
|
||||
.portable-infobox .pi-header {
|
||||
font-size: var( --font-size-medium );
|
||||
font-weight: var( --font-weight-semibold );
|
||||
line-height: var( --line-height-sm );
|
||||
}
|
||||
|
||||
.client-js .pi-collapse {
|
||||
.pi-header:first-child {
|
||||
// So that clicking the header won't highlight the entire section
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
|
||||
.portable-infobox p {
|
||||
|
|
Loading…
Reference in a new issue