Template:Organisation/styles.css: Difference between revisions
Jump to navigation
Jump to search
(Created blank page) |
mNo edit summary |
||
Line 1: | Line 1: | ||
+ | /* {{pp-template}} */ |
||
+ | /* The width style is limited to tablet and desktop resolutions as 22em is bigger than most mobile screens. |
||
+ | Historically, the mobile skin (Minerva) has used !important to override them but this is not sustainable.*/ |
||
+ | |||
+ | |||
+ | |||
+ | .infobox { |
||
+ | max-width: 30em; |
||
+ | min-width: 30em; |
||
+ | width: 30em; |
||
+ | } |
||
+ | |||
+ | .infobox-illustration img { |
||
+ | width: auto; |
||
+ | height: auto; |
||
+ | max-width: 30em; |
||
+ | max-height: 30em; |
||
+ | object-fit: contain; |
||
+ | } |
||
+ | |||
+ | .infobox-full-width-content { |
||
+ | max-width: 40em; |
||
+ | } |
Revision as of 23:18, 22 October 2022
/* {{pp-template}} */
/* The width style is limited to tablet and desktop resolutions as 22em is bigger than most mobile screens.
Historically, the mobile skin (Minerva) has used !important to override them but this is not sustainable.*/
.infobox {
max-width: 30em;
min-width: 30em;
width: 30em;
}
.infobox-illustration img {
width: auto;
height: auto;
max-width: 30em;
max-height: 30em;
object-fit: contain;
}
.infobox-full-width-content {
max-width: 40em;
}