From c9f665ef7805302d17e6e792f188a94a9677705a Mon Sep 17 00:00:00 2001 From: alistair3149 Date: Mon, 26 Feb 2024 17:16:07 -0500 Subject: [PATCH] =?UTF-8?q?feat(core):=20=E2=9C=A8=20use=20CSS=20variables?= =?UTF-8?q?=20for=20small=20font=20sizes?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../skins.citizen.preferences.less | 4 ++-- .../skins.citizen.search.less | 4 ++-- .../skins.citizen.styles/common/common.less | 2 +- .../skins.citizen.styles/common/hacks.less | 2 +- .../components/Drawer.less | 2 +- .../components/Footer.less | 2 +- .../components/Pagetools.less | 6 ++--- .../components/Search.less | 2 +- .../components/TableOfContents.less | 2 +- .../components/Usermenu.less | 2 +- .../skinning/content.tables.less | 2 +- .../skinning/elements.less | 2 +- .../interface-edit-section-links.less | 2 +- .../extensions/AJAXPoll/ext.ajaxpoll.less | 2 +- .../ext.advancedSearch.styles.less | 4 ++-- .../Capiunto/capiunto.infobox.main.less | 2 +- .../Cargo/ext.cargo.datatables.less | 4 ++-- .../extensions/Cargo/ext.cargo.main.less | 2 +- .../Cargo/ext.cargo.pagevalues.less | 2 +- .../ext.CookieWarning.styles.less | 2 +- .../ext.discussionTools.init.styles.less | 2 +- .../extensions/Echo/ext.echo.special.less | 2 +- .../MediaSearch/mediasearch.styles.less | 22 +++++++++---------- .../extensions/MsUpload/ext.MsUpload.less | 4 ++-- .../extensions/MultimediaViewer/mmv.less | 16 +++++++------- .../Scribunto/ext.scribunto.edit.less | 2 +- .../SemanticMediaWiki/ext.smw.ask.styles.less | 6 ++--- .../SemanticMediaWiki/ext.smw.style.less | 4 ++-- .../smw.special.search.styles.less | 2 +- .../smw.tableprinter.datatable.less | 4 ++-- ...emplateDataGenerator.editTemplatePage.less | 2 +- .../extensions/Translate/ext.translate.less | 2 +- .../UploadWizard/ext.uploadWizard.less | 4 ++-- .../extensions/WikiEditor/ext.wikiEditor.less | 2 +- .../jquery.ui/smoothness/jquery.ui.theme.less | 2 +- .../action/mediawiki.action.edit.styles.less | 2 +- .../mediawiki.action.history.styles.less | 2 +- .../mediawiki.action.view.filepage.less | 4 ++-- .../mediawiki/debug/mediawiki.debug.less | 2 +- .../mediawiki/mediawiki.content.json.less | 2 +- .../mediawiki/mediawiki.diff.styles.less | 2 +- .../mediawiki/mediawiki.htmlform.styles.less | 2 +- .../mediawiki.rcfilters.filters.ui.less | 2 +- .../mediawiki.special.changeslist.less | 6 ++--- .../mediawiki.special.search.styles.less | 10 ++++----- ...iawiki.special.userlogin.login.styles.less | 4 ++-- skinStyles/ooui/oojs-ui-toolbars.less | 2 +- skinStyles/ooui/oojs-ui-windows.less | 2 +- 48 files changed, 85 insertions(+), 85 deletions(-) diff --git a/resources/skins.citizen.preferences/skins.citizen.preferences.less b/resources/skins.citizen.preferences/skins.citizen.preferences.less index cea074e5f..617e104a8 100644 --- a/resources/skins.citizen.preferences/skins.citizen.preferences.less +++ b/resources/skins.citizen.preferences/skins.citizen.preferences.less @@ -74,7 +74,7 @@ fieldset { padding: 0 var( --space-md ); margin: 0; - font-size: 0.875rem; + font-size: var( --font-size-small ); appearance: none; border: 0; } @@ -127,7 +127,7 @@ width: 100%; padding: var( --space-sm ) var( --space-md ); font-family: inherit; - font-size: 0.875rem; + font-size: var( --font-size-small ); font-weight: var( --font-weight-medium ); color: #fff; appearance: none; diff --git a/resources/skins.citizen.search/skins.citizen.search.less b/resources/skins.citizen.search/skins.citizen.search.less index ee3336d6c..319dcffc7 100644 --- a/resources/skins.citizen.search/skins.citizen.search.less +++ b/resources/skins.citizen.search/skins.citizen.search.less @@ -41,7 +41,7 @@ display: flex; align-items: center; overflow: hidden; - font-size: 0.875rem; + font-size: var( --font-size-small ); white-space: nowrap; pointer-events: none; @@ -105,7 +105,7 @@ } &-sm { - font-size: 0.875rem; + font-size: var( --font-size-small ); .citizen-typeahead { &__content { diff --git a/resources/skins.citizen.styles/common/common.less b/resources/skins.citizen.styles/common/common.less index b6e554f6e..b4b3e8aa7 100644 --- a/resources/skins.citizen.styles/common/common.less +++ b/resources/skins.citizen.styles/common/common.less @@ -105,7 +105,7 @@ td { align-items: center; padding-left: 10px; margin-left: 10px; - font-size: 0.875rem; + font-size: var( --font-size-small ); border-left: 1px solid var( --border-color-base ); } diff --git a/resources/skins.citizen.styles/common/hacks.less b/resources/skins.citizen.styles/common/hacks.less index 26b08df05..8d709e3b4 100644 --- a/resources/skins.citizen.styles/common/hacks.less +++ b/resources/skins.citizen.styles/common/hacks.less @@ -18,7 +18,7 @@ a.feedlink { * Revisit this when T254055 is resolved */ .oo-ui-widget { - font-size: 0.875rem; + font-size: var( --font-size-small ); } // Replace 50em (50 * 0.875rem) with 50rem diff --git a/resources/skins.citizen.styles/components/Drawer.less b/resources/skins.citizen.styles/components/Drawer.less index 1bcf0b798..65654c881 100644 --- a/resources/skins.citizen.styles/components/Drawer.less +++ b/resources/skins.citizen.styles/components/Drawer.less @@ -38,7 +38,7 @@ justify-content: center; max-width: 92vw; padding: var( --space-xs ); - font-size: 0.875rem; // TODO: Make this a variable + font-size: var( --font-size-small ); // TODO: Make this a variable .mw-list-item a { border-radius: var( --border-radius--small ); diff --git a/resources/skins.citizen.styles/components/Footer.less b/resources/skins.citizen.styles/components/Footer.less index 0ac11551e..0efba5140 100644 --- a/resources/skins.citizen.styles/components/Footer.less +++ b/resources/skins.citizen.styles/components/Footer.less @@ -4,7 +4,7 @@ // Reserve space for header margin-bottom: var( --header-size ); clear: both; - font-size: 0.875rem; + font-size: var( --font-size-small ); color: var( --color-base--subtle ); background-color: var( --color-surface-2 ); direction: ltr; diff --git a/resources/skins.citizen.styles/components/Pagetools.less b/resources/skins.citizen.styles/components/Pagetools.less index f0baf33ce..9a21f07bb 100644 --- a/resources/skins.citizen.styles/components/Pagetools.less +++ b/resources/skins.citizen.styles/components/Pagetools.less @@ -2,7 +2,7 @@ display: flex; gap: var( --space-xxs ); margin-left: -0.75rem; // Align to the margin - font-size: 0.875rem; + font-size: var( --font-size-small ); font-weight: var( --font-weight-medium ); // TODO: Merge this with header__item @@ -46,7 +46,7 @@ padding: var( --space-xs ) 0; margin: var( --space-xs ); overflow: auto; - font-size: 0.875rem; + font-size: var( --font-size-small ); .citizen-card; .citizen-card-hide( top right ); .citizen-card-transition(); @@ -256,7 +256,7 @@ > .mw-portlet { li > a { gap: var( --space-xs ); - font-size: 0.875rem; + font-size: var( --font-size-small ); } } diff --git a/resources/skins.citizen.styles/components/Search.less b/resources/skins.citizen.styles/components/Search.less index cba447f8d..335dff56d 100644 --- a/resources/skins.citizen.styles/components/Search.less +++ b/resources/skins.citizen.styles/components/Search.less @@ -87,7 +87,7 @@ #searchInput { flex-grow: 1; padding: 0; - font-size: 0.875rem; + font-size: var( --font-size-small ); appearance: none; background: transparent; // Cancel default background border: 0; // Cancel default border diff --git a/resources/skins.citizen.styles/components/TableOfContents.less b/resources/skins.citizen.styles/components/TableOfContents.less index 932749257..e93ddae24 100644 --- a/resources/skins.citizen.styles/components/TableOfContents.less +++ b/resources/skins.citizen.styles/components/TableOfContents.less @@ -1,5 +1,5 @@ .citizen-toc { - font-size: 0.875rem; + font-size: var( --font-size-small ); line-height: var( --line-height-xs ); &__card { diff --git a/resources/skins.citizen.styles/components/Usermenu.less b/resources/skins.citizen.styles/components/Usermenu.less index 739df0d2b..37dce782a 100644 --- a/resources/skins.citizen.styles/components/Usermenu.less +++ b/resources/skins.citizen.styles/components/Usermenu.less @@ -1,6 +1,6 @@ .citizen-userMenu { &__card { - font-size: 0.875rem; + font-size: var( --font-size-small ); .citizen-header-card( right ); } diff --git a/resources/skins.citizen.styles/skinning/content.tables.less b/resources/skins.citizen.styles/skinning/content.tables.less index a264dca70..6beac1555 100644 --- a/resources/skins.citizen.styles/skinning/content.tables.less +++ b/resources/skins.citizen.styles/skinning/content.tables.less @@ -43,7 +43,7 @@ } td { - font-size: 0.875rem; + font-size: var( --font-size-small ); } th, diff --git a/resources/skins.citizen.styles/skinning/elements.less b/resources/skins.citizen.styles/skinning/elements.less index 75084535e..6b92ffe34 100644 --- a/resources/skins.citizen.styles/skinning/elements.less +++ b/resources/skins.citizen.styles/skinning/elements.less @@ -144,7 +144,7 @@ kbd, samp, .mw-code { font-family: var( --font-family-monospace ); - font-size: 0.875rem; + font-size: var( --font-size-small ); } pre, diff --git a/resources/skins.citizen.styles/skinning/interface-edit-section-links.less b/resources/skins.citizen.styles/skinning/interface-edit-section-links.less index a9a39fe0e..7f84258d0 100644 --- a/resources/skins.citizen.styles/skinning/interface-edit-section-links.less +++ b/resources/skins.citizen.styles/skinning/interface-edit-section-links.less @@ -23,7 +23,7 @@ // Fallback text button if extensions register those a { - font-size: 0.875rem; + font-size: var( --font-size-small ); border-radius: var( --border-radius--small ); &::before { diff --git a/skinStyles/extensions/AJAXPoll/ext.ajaxpoll.less b/skinStyles/extensions/AJAXPoll/ext.ajaxpoll.less index a0cf0b3fe..47949c07a 100644 --- a/skinStyles/extensions/AJAXPoll/ext.ajaxpoll.less +++ b/skinStyles/extensions/AJAXPoll/ext.ajaxpoll.less @@ -25,7 +25,7 @@ .ajaxpoll .ajaxpoll-answer-name, .ajaxpoll-answer-name-revoke { margin-top: var( --space-xs ); - font-size: 0.875rem; + font-size: var( --font-size-small ); } .ajaxpoll .ajaxpoll-hover-vote { diff --git a/skinStyles/extensions/AdvancedSearch/ext.advancedSearch.styles.less b/skinStyles/extensions/AdvancedSearch/ext.advancedSearch.styles.less index dcc4a65f9..962d49909 100644 --- a/skinStyles/extensions/AdvancedSearch/ext.advancedSearch.styles.less +++ b/skinStyles/extensions/AdvancedSearch/ext.advancedSearch.styles.less @@ -17,7 +17,7 @@ .mw-advancedSearch-searchPreview-label, .advancedsearch-namespacesPreview-label { margin-right: var( --space-xs ); - font-size: 0.875rem; + font-size: var( --font-size-small ); font-weight: var( --font-weight-normal ); color: var( --color-base--subtle ); letter-spacing: 0.05em; @@ -36,7 +36,7 @@ } .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { - font-size: 0.875rem; + font-size: var( --font-size-small ); font-weight: var( --font-weight-normal ); color: var( --color-base--subtle ); letter-spacing: 0.05em; diff --git a/skinStyles/extensions/Capiunto/capiunto.infobox.main.less b/skinStyles/extensions/Capiunto/capiunto.infobox.main.less index 36aa4b9bf..75cd11dc2 100644 --- a/skinStyles/extensions/Capiunto/capiunto.infobox.main.less +++ b/skinStyles/extensions/Capiunto/capiunto.infobox.main.less @@ -14,7 +14,7 @@ float: none; margin: 0 auto var( --space-md ) auto; clear: none; - font-size: 0.875rem; + font-size: var( --font-size-small ); color: var( --color-base ); background-color: var( --color-surface-2 ); border-color: var( --border-color-base ); diff --git a/skinStyles/extensions/Cargo/ext.cargo.datatables.less b/skinStyles/extensions/Cargo/ext.cargo.datatables.less index 792189251..67b540250 100644 --- a/skinStyles/extensions/Cargo/ext.cargo.datatables.less +++ b/skinStyles/extensions/Cargo/ext.cargo.datatables.less @@ -14,7 +14,7 @@ table.dataTable { max-width: 100%; overflow: auto; - font-size: 0.875rem; + font-size: var( --font-size-small ); } table.dataTable thead th, @@ -255,7 +255,7 @@ table.dataTable.no-footer { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { - font-size: 0.875rem; + font-size: var( --font-size-small ); color: var( --color-base ); } diff --git a/skinStyles/extensions/Cargo/ext.cargo.main.less b/skinStyles/extensions/Cargo/ext.cargo.main.less index 84e50c1c3..73176f0da 100644 --- a/skinStyles/extensions/Cargo/ext.cargo.main.less +++ b/skinStyles/extensions/Cargo/ext.cargo.main.less @@ -29,7 +29,7 @@ table.cargoTable.mergeSimilarCells td.even { } table.cargoTable { - font-size: 0.875rem; + font-size: var( --font-size-small ); } table.cargoTable thead tr { diff --git a/skinStyles/extensions/Cargo/ext.cargo.pagevalues.less b/skinStyles/extensions/Cargo/ext.cargo.pagevalues.less index 6c118569b..44b183bf9 100644 --- a/skinStyles/extensions/Cargo/ext.cargo.pagevalues.less +++ b/skinStyles/extensions/Cargo/ext.cargo.pagevalues.less @@ -18,7 +18,7 @@ // Apply Citizen sticky header styles .cargo-pagevalues-tableinfo { padding: var( --space-md ) 0; - font-size: 0.875rem; + font-size: var( --font-size-small ); color: var( --color-base--subtle ); background-color: transparent; .citizen-sticky-header; diff --git a/skinStyles/extensions/CookieWarning/ext.CookieWarning.styles.less b/skinStyles/extensions/CookieWarning/ext.CookieWarning.styles.less index 7fa93ecf0..10c2bd2c0 100644 --- a/skinStyles/extensions/CookieWarning/ext.CookieWarning.styles.less +++ b/skinStyles/extensions/CookieWarning/ext.CookieWarning.styles.less @@ -19,7 +19,7 @@ max-width: @max-width-breakpoint-tablet; padding: var( --space-md ); margin: var( --space-xs ); - font-size: 0.875rem; + font-size: var( --font-size-small ); line-height: var( --line-height-sm ); background-color: var( --color-surface-1 ); border: 1px solid var( --border-color-base ); diff --git a/skinStyles/extensions/DiscussionTools/ext.discussionTools.init.styles.less b/skinStyles/extensions/DiscussionTools/ext.discussionTools.init.styles.less index 6a0e7ecb5..ed339b266 100644 --- a/skinStyles/extensions/DiscussionTools/ext.discussionTools.init.styles.less +++ b/skinStyles/extensions/DiscussionTools/ext.discussionTools.init.styles.less @@ -50,7 +50,7 @@ display: block; width: 1.875rem; height: 1.875rem; - font-size: 0.875rem; + font-size: var( --font-size-small ); text-indent: -9999px; // Hide text border-radius: var( --border-radius--small ); opacity: var( --opacity-icon-base ); diff --git a/skinStyles/extensions/Echo/ext.echo.special.less b/skinStyles/extensions/Echo/ext.echo.special.less index 9403423ce..9f6108131 100644 --- a/skinStyles/extensions/Echo/ext.echo.special.less +++ b/skinStyles/extensions/Echo/ext.echo.special.less @@ -33,7 +33,7 @@ margin: 0; &-primary { - font-size: 0.875rem; + font-size: var( --font-size-small ); // Align with Citizen label styles color: var( --color-base--subtle ); letter-spacing: 0.05em; diff --git a/skinStyles/extensions/MediaSearch/mediasearch.styles.less b/skinStyles/extensions/MediaSearch/mediasearch.styles.less index 49e325cc7..7c4797d1a 100644 --- a/skinStyles/extensions/MediaSearch/mediasearch.styles.less +++ b/skinStyles/extensions/MediaSearch/mediasearch.styles.less @@ -655,7 +655,7 @@ &__meta { margin-top: var( --space-xxs ); - font-size: 0.875rem; + font-size: var( --font-size-small ); } &:hover &__title { @@ -698,7 +698,7 @@ /* AudioResult.less */ .sdms-audio-result { padding: var( --space-md ) 0; - font-size: 0.875rem; + font-size: var( --font-size-small ); border-bottom: 0; &__title + &__meta { @@ -706,7 +706,7 @@ } &__meta { - font-size: 0.875rem; + font-size: var( --font-size-small ); } p { @@ -729,18 +729,18 @@ /* PageResult.less */ .sdms-page-result { padding: var( --space-md ) 0; - font-size: 0.875rem; + font-size: var( --font-size-small ); border-bottom: 0; p { - font-size: 0.875rem; + font-size: var( --font-size-small ); color: var( --color-base--subtle ); } // Sync with duration styles &__namespace { padding: var( --space-xxs ) var( --space-xs ); - font-size: 0.875rem; + font-size: var( --font-size-small ); font-weight: var( --font-weight-medium ); color: var( --color-base ); background-color: var( --color-surface-2 ); @@ -805,7 +805,7 @@ /* QuickView.less */ .sdms-quick-view { - font-size: 0.875rem; + font-size: var( --font-size-small ); &__body { .sd-icon { @@ -903,7 +903,7 @@ border-radius: var( --border-radius--small ); @media screen and ( min-width: @min-width-breakpoint-tablet ) { - font-size: 0.875rem; + font-size: var( --font-size-small ); } &:hover { @@ -938,7 +938,7 @@ border-radius: var( --border-radius--small ); @media screen and ( min-width: @min-width-breakpoint-tablet ) { - font-size: 0.875rem; + font-size: var( --font-size-small ); } &--selected { @@ -967,14 +967,14 @@ .sdms-search-results-count { @media screen and ( min-width: @min-width-breakpoint-tablet ) { - font-size: 0.875rem; + font-size: var( --font-size-small ); } } &__clear { &--no-js { @media screen and ( min-width: @min-width-breakpoint-tablet ) { - font-size: 0.875rem; + font-size: var( --font-size-small ); } } } diff --git a/skinStyles/extensions/MsUpload/ext.MsUpload.less b/skinStyles/extensions/MsUpload/ext.MsUpload.less index dacfb2eef..37ec2d836 100644 --- a/skinStyles/extensions/MsUpload/ext.MsUpload.less +++ b/skinStyles/extensions/MsUpload/ext.MsUpload.less @@ -25,7 +25,7 @@ height: 36px; padding: 0; margin: 8px; - font-size: 0.875rem; + font-size: var( --font-size-small ); font-weight: var( --font-weight-medium ); color: var( --color-base ); border-color: var( --border-color-base--darker ); @@ -91,7 +91,7 @@ align-items: center; padding: 6px 12px; margin-right: 0; - font-size: 0.875rem; + font-size: var( --font-size-small ); &:hover { background-color: var( --background-color-quiet--hover ); diff --git a/skinStyles/extensions/MultimediaViewer/mmv.less b/skinStyles/extensions/MultimediaViewer/mmv.less index f150605ef..c958b48da 100644 --- a/skinStyles/extensions/MultimediaViewer/mmv.less +++ b/skinStyles/extensions/MultimediaViewer/mmv.less @@ -184,7 +184,7 @@ } .mw-mmv-options-text-header { - font-size: 0.875rem; + font-size: var( --font-size-small ); color: var( --color-base ); } @@ -393,7 +393,7 @@ /* mmv.ui.stripeButtons.less */ .mw-mmv-stripe-button { - font-size: 0.875rem; + font-size: var( --font-size-small ); // Icon only button for smaller screen size @media ( max-width: @max-width-breakpoint-tablet ) { @@ -415,7 +415,7 @@ max-width: none; padding: 0 var( --space-sm ); margin: var( --space-md ); - font-size: 0.875rem; + font-size: var( --font-size-small ); white-space: nowrap; } } @@ -460,7 +460,7 @@ font-size: 1rem; @media ( max-width: @max-width-breakpoint-tablet ) { - font-size: 0.875rem; + font-size: var( --font-size-small ); } } @@ -474,7 +474,7 @@ height: auto !important; padding: 0; margin: 0; - font-size: 0.875rem; + font-size: var( --font-size-small ); color: var( --color-base--subtle ); @media ( max-width: @max-width-breakpoint-tablet ) { @@ -542,7 +542,7 @@ .mw-mmv-image-desc { padding: 0; - font-size: 0.875rem; + font-size: var( --font-size-small ); color: inherit; } @@ -550,7 +550,7 @@ margin: 0; li { - font-size: 0.875rem; + font-size: var( --font-size-small ); @media ( max-width: @max-width-breakpoint-tablet ) { font-size: var( --font-size-x-small ); @@ -575,7 +575,7 @@ .mw-mmv-about-links { grid-area: about; padding: 0; - font-size: 0.875rem; + font-size: var( --font-size-small ); } .mw-mmv-label { diff --git a/skinStyles/extensions/Scribunto/ext.scribunto.edit.less b/skinStyles/extensions/Scribunto/ext.scribunto.edit.less index 94db0db74..adce1687d 100644 --- a/skinStyles/extensions/Scribunto/ext.scribunto.edit.less +++ b/skinStyles/extensions/Scribunto/ext.scribunto.edit.less @@ -9,7 +9,7 @@ */ .mw-scribunto-console-fieldset { - font-size: 0.875rem; + font-size: var( --font-size-small ); color: var( --color-base ); input[ type='button' ] { diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.ask.styles.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.ask.styles.less index 0164602e8..730db34d7 100644 --- a/skinStyles/extensions/SemanticMediaWiki/ext.smw.ask.styles.less +++ b/skinStyles/extensions/SemanticMediaWiki/ext.smw.ask.styles.less @@ -21,7 +21,7 @@ div#ask legend { .smw-ask-toplinks { font-family: inherit; - font-size: 0.875rem; + font-size: var( --font-size-small ); line-height: inherit; background-color: var( --color-surface-2 ); border-radius: var( --border-radius--small ); @@ -65,7 +65,7 @@ div#ask legend { } .smw-ask-button { - font-size: 0.875rem; + font-size: var( --font-size-small ); color: var( --color-base ); border-color: var( --border-color-base ); border-radius: var( --border-radius--small ); @@ -73,7 +73,7 @@ div#ask legend { .smw-ask-button-submit input { padding: var( --space-md ); - font-size: 0.875rem; + font-size: var( --font-size-small ); font-weight: var( --font-weight-medium ); color: #fff; background-color: var( --color-primary ); diff --git a/skinStyles/extensions/SemanticMediaWiki/ext.smw.style.less b/skinStyles/extensions/SemanticMediaWiki/ext.smw.style.less index e65b2b670..25741da7e 100644 --- a/skinStyles/extensions/SemanticMediaWiki/ext.smw.style.less +++ b/skinStyles/extensions/SemanticMediaWiki/ext.smw.style.less @@ -11,7 +11,7 @@ /* smw/ext.smw.css */ .smw-placeholder { font-family: inherit; - font-size: 0.875rem; + font-size: var( --font-size-small ); line-height: inherit; background-color: var( --color-surface-2 ); border-radius: var( --border-radius--small ); @@ -150,7 +150,7 @@ hr.smw-form-horizontalrule { .smw-note { font-family: inherit; - font-size: 0.875rem; + font-size: var( --font-size-small ); line-height: inherit; background-color: var( --color-surface-2 ); border-radius: var( --border-radius--small ); diff --git a/skinStyles/extensions/SemanticMediaWiki/smw.special.search.styles.less b/skinStyles/extensions/SemanticMediaWiki/smw.special.search.styles.less index 32924c1da..e5c8a9880 100644 --- a/skinStyles/extensions/SemanticMediaWiki/smw.special.search.styles.less +++ b/skinStyles/extensions/SemanticMediaWiki/smw.special.search.styles.less @@ -11,7 +11,7 @@ /* smw/special.search/search.css */ .smw-search-results-prepend { padding: var( --space-xs ) var( --space-md ); - font-size: 0.875rem; + font-size: var( --font-size-small ); background-color: var( --color-surface-2 ); border: 0; border-radius: var( --border-radius--medium ); diff --git a/skinStyles/extensions/SemanticMediaWiki/smw.tableprinter.datatable.less b/skinStyles/extensions/SemanticMediaWiki/smw.tableprinter.datatable.less index 9f1ff940d..8c1648224 100644 --- a/skinStyles/extensions/SemanticMediaWiki/smw.tableprinter.datatable.less +++ b/skinStyles/extensions/SemanticMediaWiki/smw.tableprinter.datatable.less @@ -93,7 +93,7 @@ table.dataTable { max-width: 100%; overflow: auto; - font-size: 0.875rem; + font-size: var( --font-size-small ); } table.dataTable thead th, @@ -334,7 +334,7 @@ table.dataTable.no-footer { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { - font-size: 0.875rem; + font-size: var( --font-size-small ); color: var( --color-base ); } diff --git a/skinStyles/extensions/TemplateData/ext.templateDataGenerator.editTemplatePage.less b/skinStyles/extensions/TemplateData/ext.templateDataGenerator.editTemplatePage.less index 9bdef5976..893e0c483 100644 --- a/skinStyles/extensions/TemplateData/ext.templateDataGenerator.editTemplatePage.less +++ b/skinStyles/extensions/TemplateData/ext.templateDataGenerator.editTemplatePage.less @@ -11,6 +11,6 @@ .tdg-editscreen-main { padding-bottom: var( --space-sm ); margin: var( --space-sm ); - font-size: 0.875rem; + font-size: var( --font-size-small ); border-bottom: 1px solid var( --border-color-base ); } diff --git a/skinStyles/extensions/Translate/ext.translate.less b/skinStyles/extensions/Translate/ext.translate.less index 628f65f4f..f1af38971 100644 --- a/skinStyles/extensions/Translate/ext.translate.less +++ b/skinStyles/extensions/Translate/ext.translate.less @@ -14,7 +14,7 @@ .mw-pt-translate-header { padding: var( --space-xs ) var( --space-md ); - font-size: 0.875rem; + font-size: var( --font-size-small ); background-color: var( --color-surface-2 ); border-bottom: 0; border-radius: var( --border-radius--medium ); diff --git a/skinStyles/extensions/UploadWizard/ext.uploadWizard.less b/skinStyles/extensions/UploadWizard/ext.uploadWizard.less index 9ebd0ba02..bb9e5e199 100644 --- a/skinStyles/extensions/UploadWizard/ext.uploadWizard.less +++ b/skinStyles/extensions/UploadWizard/ext.uploadWizard.less @@ -179,7 +179,7 @@ h3.mwe-upwiz-metadata-title { } #mwe-upwiz-flickr-disclaimer { - font-size: 0.875rem; + font-size: var( --font-size-small ); background-color: var( --color-surface-2 ); } @@ -330,7 +330,7 @@ h3.mwe-upwiz-metadata-title { } .mwe-upwiz-details-help { - font-size: 0.875rem; + font-size: var( --font-size-small ); } } diff --git a/skinStyles/extensions/WikiEditor/ext.wikiEditor.less b/skinStyles/extensions/WikiEditor/ext.wikiEditor.less index 1d1ae30df..a2b325593 100644 --- a/skinStyles/extensions/WikiEditor/ext.wikiEditor.less +++ b/skinStyles/extensions/WikiEditor/ext.wikiEditor.less @@ -129,7 +129,7 @@ .label { height: 38px; margin-left: 16px; - font-size: 0.875rem; + font-size: var( --font-size-small ); line-height: 38px; color: var( --color-base--subtle ); letter-spacing: 0.05em; diff --git a/skinStyles/jquery.ui/smoothness/jquery.ui.theme.less b/skinStyles/jquery.ui/smoothness/jquery.ui.theme.less index 7eeb0692e..52f08569f 100644 --- a/skinStyles/jquery.ui/smoothness/jquery.ui.theme.less +++ b/skinStyles/jquery.ui/smoothness/jquery.ui.theme.less @@ -25,7 +25,7 @@ &-widget { font-family: var( --font-family-base ); - font-size: 0.875rem; + font-size: var( --font-size-small ); /* Align with Codex styles */ input, diff --git a/skinStyles/mediawiki/action/mediawiki.action.edit.styles.less b/skinStyles/mediawiki/action/mediawiki.action.edit.styles.less index b65c0c0d3..9534c330a 100644 --- a/skinStyles/mediawiki/action/mediawiki.action.edit.styles.less +++ b/skinStyles/mediawiki/action/mediawiki.action.edit.styles.less @@ -24,7 +24,7 @@ .editOptions { padding: var( --space-lg ); - font-size: 0.875rem; + font-size: var( --font-size-small ); color: var( --color-base ); background-color: var( --color-surface-2 ); border: 0; diff --git a/skinStyles/mediawiki/action/mediawiki.action.history.styles.less b/skinStyles/mediawiki/action/mediawiki.action.history.styles.less index cb06a5495..e1e018cec 100644 --- a/skinStyles/mediawiki/action/mediawiki.action.history.styles.less +++ b/skinStyles/mediawiki/action/mediawiki.action.history.styles.less @@ -15,7 +15,7 @@ align-items: center; justify-content: space-between; margin: var( --space-md ) 0; - font-size: 0.875rem; + font-size: var( --font-size-small ); } #pagehistory { diff --git a/skinStyles/mediawiki/action/mediawiki.action.view.filepage.less b/skinStyles/mediawiki/action/mediawiki.action.view.filepage.less index 65e9f0a45..2ccf96a38 100644 --- a/skinStyles/mediawiki/action/mediawiki.action.view.filepage.less +++ b/skinStyles/mediawiki/action/mediawiki.action.view.filepage.less @@ -59,7 +59,7 @@ display: inline-block; padding: var( --space-xxs ) var( --space-md ); margin: var( --space-xxs ); - font-size: 0.875rem; + font-size: var( --font-size-small ); color: var( --color-base--subtle ); background-color: var( --color-surface-0 ); border: 1px solid var( --border-color-base ); @@ -124,7 +124,7 @@ } .fullMedia { - font-size: 0.875rem; + font-size: var( --font-size-small ); } .mw_metadata { diff --git a/skinStyles/mediawiki/debug/mediawiki.debug.less b/skinStyles/mediawiki/debug/mediawiki.debug.less index 1ba2a450a..a618c138e 100644 --- a/skinStyles/mediawiki/debug/mediawiki.debug.less +++ b/skinStyles/mediawiki/debug/mediawiki.debug.less @@ -144,7 +144,7 @@ a.mw-debug-panelabel:visited { // Label text > strong { - font-size: 0.875rem; + font-size: var( --font-size-small ); color: var( --color-base--subtle ); letter-spacing: 0.05em; } diff --git a/skinStyles/mediawiki/mediawiki.content.json.less b/skinStyles/mediawiki/mediawiki.content.json.less index efeed12b4..7b735646a 100644 --- a/skinStyles/mediawiki/mediawiki.content.json.less +++ b/skinStyles/mediawiki/mediawiki.content.json.less @@ -16,7 +16,7 @@ th, td { padding: var( --space-xs ) var( --space-md ); - font-size: 0.875rem; + font-size: var( --font-size-small ); border-color: var( --border-color-base ); } diff --git a/skinStyles/mediawiki/mediawiki.diff.styles.less b/skinStyles/mediawiki/mediawiki.diff.styles.less index 6d02abb37..95f4bebf1 100644 --- a/skinStyles/mediawiki/mediawiki.diff.styles.less +++ b/skinStyles/mediawiki/mediawiki.diff.styles.less @@ -13,7 +13,7 @@ } &-lineno { - font-size: 0.875rem; + font-size: var( --font-size-small ); font-weight: var( --font-weight-normal ); letter-spacing: 0.05em; } diff --git a/skinStyles/mediawiki/mediawiki.htmlform.styles.less b/skinStyles/mediawiki/mediawiki.htmlform.styles.less index d89557aef..3b670afb9 100644 --- a/skinStyles/mediawiki/mediawiki.htmlform.styles.less +++ b/skinStyles/mediawiki/mediawiki.htmlform.styles.less @@ -28,7 +28,7 @@ // Vertical label, like in create account > label { margin-bottom: var( --space-xxs ); - font-size: 0.875rem; + font-size: var( --font-size-small ); color: var( --color-base--subtle ); letter-spacing: 0.05em; } diff --git a/skinStyles/mediawiki/mediawiki.rcfilters.filters.ui.less b/skinStyles/mediawiki/mediawiki.rcfilters.filters.ui.less index 4d63d6d1d..6d6759017 100644 --- a/skinStyles/mediawiki/mediawiki.rcfilters.filters.ui.less +++ b/skinStyles/mediawiki/mediawiki.rcfilters.filters.ui.less @@ -311,7 +311,7 @@ &-label { margin-top: 0.75em; margin-bottom: 0.25em; - font-size: 0.875rem; + font-size: var( --font-size-small ); font-weight: var( --font-weight-semibold ); color: var( --color-base--emphasized ); } diff --git a/skinStyles/mediawiki/special/mediawiki.special.changeslist.less b/skinStyles/mediawiki/special/mediawiki.special.changeslist.less index 7ea0ee797..50aad962e 100644 --- a/skinStyles/mediawiki/special/mediawiki.special.changeslist.less +++ b/skinStyles/mediawiki/special/mediawiki.special.changeslist.less @@ -64,7 +64,7 @@ &:not( .oo-ui-widget ) { padding: var( --space-md ); - font-size: 0.875rem; + font-size: var( --font-size-small ); background: var( --color-surface-2 ); border-radius: var( --border-radius--medium ); } @@ -73,7 +73,7 @@ /* Skeleton screen loading */ body:not( .mw-rcfilters-ui-initialized ) .mw-rcfilters-head { padding: var( --space-md ); - font-size: 0.875rem; + font-size: var( --font-size-small ); background: var( --color-surface-2 ); border-radius: var( --border-radius--medium ); } @@ -135,7 +135,7 @@ body:not( .mw-rcfilters-ui-initialized ) .mw-rcfilters-head { .mw-changeslist, .mw-contributions-list { position: relative; - font-size: 0.875rem; + font-size: var( --font-size-small ); /* Timeline line */ &::before { diff --git a/skinStyles/mediawiki/special/mediawiki.special.search.styles.less b/skinStyles/mediawiki/special/mediawiki.special.search.styles.less index ba390b357..cea4b224a 100644 --- a/skinStyles/mediawiki/special/mediawiki.special.search.styles.less +++ b/skinStyles/mediawiki/special/mediawiki.special.search.styles.less @@ -62,7 +62,7 @@ } .results-info { - font-size: 0.875rem; + font-size: var( --font-size-small ); color: var( --color-base--subtle ); white-space: nowrap; } @@ -73,7 +73,7 @@ border-radius: 0; h4 { - font-size: 0.875rem; + font-size: var( --font-size-small ); font-weight: var( --font-weight-normal ); color: var( --color-base--subtle ); letter-spacing: 0.05em; @@ -117,7 +117,7 @@ .mw-search-result { // padding: var( --space-md ) 0; - font-size: 0.875rem; + font-size: var( --font-size-small ); &-heading { a { @@ -127,7 +127,7 @@ } &-data { - font-size: 0.875rem; + font-size: var( --font-size-small ); color: var( --color-base--subtle ); } } @@ -146,7 +146,7 @@ h2 { padding-bottom: var( --space-xs ); margin-bottom: 0; - font-size: 0.875rem; + font-size: var( --font-size-small ); font-weight: var( --font-weight-normal ); color: var( --color-base--subtle ); letter-spacing: 0.05em; diff --git a/skinStyles/mediawiki/special/mediawiki.special.userlogin.login.styles.less b/skinStyles/mediawiki/special/mediawiki.special.userlogin.login.styles.less index d5c1c48ce..3d1862048 100644 --- a/skinStyles/mediawiki/special/mediawiki.special.userlogin.login.styles.less +++ b/skinStyles/mediawiki/special/mediawiki.special.userlogin.login.styles.less @@ -35,12 +35,12 @@ .mw-userlogin-help + .mw-form-related-link-container { order: -1; margin-top: ~'calc( var(--space-sm) * -1 )'; - font-size: 0.875rem; + font-size: var( --font-size-small ); text-align: end; } .mw-userlogin-rememberme { - font-size: 0.875rem; + font-size: var( --font-size-small ); } } diff --git a/skinStyles/ooui/oojs-ui-toolbars.less b/skinStyles/ooui/oojs-ui-toolbars.less index 7c03017be..9930d5f2f 100644 --- a/skinStyles/ooui/oojs-ui-toolbars.less +++ b/skinStyles/ooui/oojs-ui-toolbars.less @@ -14,7 +14,7 @@ * hack to ensure that the UI is displayed correctly. */ .oo-ui-toolbar { - font-size: 0.875rem; + font-size: var( --font-size-small ); } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus { diff --git a/skinStyles/ooui/oojs-ui-windows.less b/skinStyles/ooui/oojs-ui-windows.less index 80f5bd692..b15d9d3cd 100644 --- a/skinStyles/ooui/oojs-ui-windows.less +++ b/skinStyles/ooui/oojs-ui-windows.less @@ -16,7 +16,7 @@ * hack to ensure that the UI is displayed correctly. */ .oo-ui-window { - font-size: 0.875rem; + font-size: var( --font-size-small ); } .oo-ui-messageDialog-content > .oo-ui-window-foot {