Template:Location/styles.css: Difference between revisions
Jump to navigation
Jump to search
(Created page with "→{{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 u...") |
mNo edit summary |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
/* The width style is limited to tablet and desktop resolutions as 22em is bigger than most mobile screens. |
/* 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.*/ |
Historically, the mobile skin (Minerva) has used !important to override them but this is not sustainable.*/ |
||
| − | |||
.infobox { |
.infobox { |
||
| − | max-width: |
+ | max-width: 25em; |
| − | min-width: |
+ | min-width: 25em; |
| − | width: |
+ | width: 25em; |
} |
} |
||
| Line 14: | Line 13: | ||
width: auto; |
width: auto; |
||
height: auto; |
height: auto; |
||
| − | max-width: |
+ | max-width: 25em; |
max-height: 25em; |
max-height: 25em; |
||
object-fit: contain; |
object-fit: contain; |
||
| Line 20: | Line 19: | ||
.infobox-full-width-content { |
.infobox-full-width-content { |
||
| − | max-width: |
+ | max-width: 25em; |
} |
} |
||
Latest revision as of 17:59, 29 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: 25em;
min-width: 25em;
width: 25em;
}
.infobox-illustration img {
width: auto;
height: auto;
max-width: 25em;
max-height: 25em;
object-fit: contain;
}
.infobox-full-width-content {
max-width: 25em;
}