chipmunkmc/mediawiki-skins-Insurgency
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Extend documentation of CSS trick that sets the minimum content font-size to 11.43px

Browse source 
Change-Id: If90ae377705eb88807be465b24859b9ccc63d09c
This commit is contained in:
AronDemian 2020-02-28 06:37:03 +01:00
parent 46228355b3
commit 607fbb78ee
1 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
resources/screen-common.less
View file

@ -40,11 +40,17 @@ div#column-content {
/* Font size: /* Font size:
** We take advantage of keyword scaling- browsers won't go below 9px ** We take advantage of keyword scaling- browsers won't go below 9px
** See "Note 1" at https://www.w3.org/TR/CSS2/fonts.html#value-def-absolute-size
** More at http://www.w3.org/2003/07/30-font-size ** More at http://www.w3.org/2003/07/30-font-size
** http://style.cleverchimp.com/font_size_intervals/altintervals.html ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
** https://web.archive.org/web/20180201141931/http://style.cleverchimp.com/font_size_intervals/altintervals.html
** This affects users whose browser font size setting is < 14.4px,
** making div#globalWrapper's font-size 11.43px at minimum.
** Gadgets have their own monobook-specific css rule to set the font-size similar to div#globalWrapper.
*/ */
body { body {
font: x-small sans-serif; font-family: sans-serif;
font-size: x-small; // Typical: 16px * 0.625 == 10px.
background: @background url( images/headbg.jpg ) 0 0 no-repeat; background: @background url( images/headbg.jpg ) 0 0 no-repeat;
// stylelint-disable value-list-comma-newline-after // stylelint-disable value-list-comma-newline-after
/* @embed */ /* @embed */
@ -61,7 +67,7 @@ body {
/* scale back up to a sane default */ /* scale back up to a sane default */
div#globalWrapper { div#globalWrapper {
font-size: 127%; font-size: 127%; // Typical: x-small * 127% == 12.7px;
width: 100%; width: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;