[MediaWiki-commits] [Gerrit] wikimedia/portals[master]: Multiply all rem values by 1.6 to scale to 1rem = 10px

[jenkins-bot (Code Review)]

jenkins-bot has submitted this change and it was merged. ( 
https://gerrit.wikimedia.org/r/344558 )

Change subject: Multiply all rem values by 1.6 to scale to 1rem = 10px
..


Multiply all rem values by 1.6 to scale to 1rem = 10px

Bug: T160474
Change-Id: I129a95e28136620e5e459ad7d096a82c56ba81f3
---
M dev/wikipedia.org/assets/postcss/_app-badge.css
M dev/wikipedia.org/assets/postcss/_base-portal.css
M dev/wikipedia.org/assets/postcss/_base.css
M dev/wikipedia.org/assets/postcss/_buttons.css
M dev/wikipedia.org/assets/postcss/_central-featured.css
M dev/wikipedia.org/assets/postcss/_central-textlogo.css
M dev/wikipedia.org/assets/postcss/_footer.css
M dev/wikipedia.org/assets/postcss/_forms.css
M dev/wikipedia.org/assets/postcss/_other-languages-bookshelf.css
M dev/wikipedia.org/assets/postcss/_other-languages.css
M dev/wikipedia.org/assets/postcss/_other-projects.css
M dev/wikipedia.org/assets/postcss/_search-language-picker.css
M dev/wikipedia.org/assets/postcss/_search-suggestions.css
M dev/wikipedia.org/assets/postcss/_search.css
M dev/wikipedia.org/assets/postcss/_vars.css
M dev/wikipedia.org/assets/postcss/_wm-portal.css
16 files changed, 148 insertions(+), 147 deletions(-)

Approvals:
  Jdrewniak: Looks good to me, approved
  jenkins-bot: Verified



diff --git a/dev/wikipedia.org/assets/postcss/_app-badge.css 
b/dev/wikipedia.org/assets/postcss/_app-badge.css
index b106504..6201a78 100644
--- a/dev/wikipedia.org/assets/postcss/_app-badge.css
+++ b/dev/wikipedia.org/assets/postcss/_app-badge.css
@@ -7,12 +7,12 @@
 }
 
 .app-badges .footer-sidebar-text {
-padding-top: 0.5rem;
-padding-bottom: 0.5rem;
+padding-top: 0.8rem;
+padding-bottom: 0.8rem;
 }
 
 .app-badges .footer-sidebar-icon {
-top: 0.5rem;
+top: 0.8rem;
 }
 
 .app-badges ul {
@@ -53,6 +53,6 @@
 
 .app-badge-fulllist {
 width: 100%;
-margin: 1.2rem 0 0.4rem 0;
+margin: 1.92rem 0 0.64rem 0;
 }
 }
diff --git a/dev/wikipedia.org/assets/postcss/_base-portal.css 
b/dev/wikipedia.org/assets/postcss/_base-portal.css
index b718360..ad963f5 100644
--- a/dev/wikipedia.org/assets/postcss/_base-portal.css
+++ b/dev/wikipedia.org/assets/postcss/_base-portal.css
@@ -3,9 +3,9 @@
 body {
background-color: var( --background-color-base );
font-family: sans-serif;
-   font-size: 0.8125rem;
+   font-size: 1.3rem;
line-height: 1.5;
-   margin: 0.24375rem 0;
+   margin: 0.39rem 0;
 }
 
 a,
@@ -35,5 +35,5 @@
height: 0;
border: 0;
border-bottom: 1px solid var( --border-color-heading );
-   margin: 0.1625rem 0.8125rem;
+   margin: 0.26rem 1.3rem;
 }
diff --git a/dev/wikipedia.org/assets/postcss/_base.css 
b/dev/wikipedia.org/assets/postcss/_base.css
index e98cf68..4eca1c6 100644
--- a/dev/wikipedia.org/assets/postcss/_base.css
+++ b/dev/wikipedia.org/assets/postcss/_base.css
@@ -20,6 +20,7 @@
   font-family: sans-serif; /* 1 */
   -ms-text-size-adjust: 100%; /* 2 */
   -webkit-text-size-adjust: 100%; /* 2 */
+   font-size: 62.5%; /* 1rem = 10px */
 }
 
 /**
@@ -144,8 +145,8 @@
  */
 
 h1 {
-  font-size: 2rem;
-  margin: 0.67rem 0;
+  font-size: 3.2rem;
+  margin: 1.07rem 0;
 }
 
 /**
@@ -212,7 +213,7 @@
  */
 
 figure {
-  margin: 1rem 2.5rem;
+  margin: 1.6rem 4rem;
 }
 
 /**
@@ -241,7 +242,7 @@
 pre,
 samp {
   font-family: monospace, monospace;
-  font-size: 1rem;
+  font-size: 1.4rem;
 }
 
 /* Forms
@@ -395,8 +396,8 @@
 
 fieldset {
   border: 1px solid #c0c0c0;
-  margin: 0 0.125rem;
-  padding: 0.35rem 0.625rem 0.75rem;
+  margin: 0 0.2rem;
+  padding: 0.56rem 1rem 1.2rem;
 }
 
 /**
diff --git a/dev/wikipedia.org/assets/postcss/_buttons.css 
b/dev/wikipedia.org/assets/postcss/_buttons.css
index 2d09aa2..d650c38 100644
--- a/dev/wikipedia.org/assets/postcss/_buttons.css
+++ b/dev/wikipedia.org/assets/postcss/_buttons.css
@@ -25,12 +25,12 @@
 background-color: var( --background-color-framed );
 color: var( --color-base );
 position: relative;
-min-height: 1.2rem;
-min-width: 1rem;
-margin: 0.1rem 0;
+min-height: 1.92rem;
+min-width: 1.6rem;
+margin: 0.16rem 0;
 border: var( --border-base );
 border-radius: var( --border-radius-base );
-padding: 0.5rem 1rem;
+padding: 0.8rem 1.6rem;
 font-family: inherit;
 font-size: inherit;
 font-weight: bold;
diff --git a/dev/wikipedia.org/assets/postcss/_central-featured.css 
b/dev/wikipedia.org/assets/postcss/_central-featured.css
index 524a32f..45a990a 100644
--- a/dev/wikipedia.org/assets/postcss/_central-featured.css
+++ b/dev/wikipedia.org/assets/postcss/_central-featured.css
@@ -4,8 +4,8 @@
 
 .central-featured {
position: relative;
-   height: 20.3125rem;
-   width: 34.125rem;
+   height: 32.5rem;
+   width: 54.6rem;
max-width: 100%;
margin: 0 auto;
text-align: center;
@@ -13,13 +13,13 @@
 }
 
 

[MediaWiki-commits] [Gerrit] wikimedia/portals[master]: Multiply all rem values by 1.6 to scale to 1rem = 10px

[JGirault (Code Review)]

JGirault has uploaded a new change for review. ( 
https://gerrit.wikimedia.org/r/344558 )

Change subject: Multiply all rem values by 1.6 to scale to 1rem = 10px
..

Multiply all rem values by 1.6 to scale to 1rem = 10px

Bug: T160474
Change-Id: I129a95e28136620e5e459ad7d096a82c56ba81f3
---
M dev/wikipedia.org/assets/postcss/_app-badge.css
M dev/wikipedia.org/assets/postcss/_base-portal.css
M dev/wikipedia.org/assets/postcss/_base.css
M dev/wikipedia.org/assets/postcss/_buttons.css
M dev/wikipedia.org/assets/postcss/_central-featured.css
M dev/wikipedia.org/assets/postcss/_central-textlogo.css
M dev/wikipedia.org/assets/postcss/_footer.css
M dev/wikipedia.org/assets/postcss/_forms.css
M dev/wikipedia.org/assets/postcss/_other-languages-bookshelf.css
M dev/wikipedia.org/assets/postcss/_other-languages.css
M dev/wikipedia.org/assets/postcss/_other-projects.css
M dev/wikipedia.org/assets/postcss/_search-language-picker.css
M dev/wikipedia.org/assets/postcss/_search-suggestions.css
M dev/wikipedia.org/assets/postcss/_search.css
M dev/wikipedia.org/assets/postcss/_vars.css
M dev/wikipedia.org/assets/postcss/_wm-portal.css
16 files changed, 149 insertions(+), 148 deletions(-)


  git pull ssh://gerrit.wikimedia.org:29418/wikimedia/portals 
refs/changes/58/344558/1

diff --git a/dev/wikipedia.org/assets/postcss/_app-badge.css 
b/dev/wikipedia.org/assets/postcss/_app-badge.css
index b106504..6201a78 100644
--- a/dev/wikipedia.org/assets/postcss/_app-badge.css
+++ b/dev/wikipedia.org/assets/postcss/_app-badge.css
@@ -7,12 +7,12 @@
 }
 
 .app-badges .footer-sidebar-text {
-padding-top: 0.5rem;
-padding-bottom: 0.5rem;
+padding-top: 0.8rem;
+padding-bottom: 0.8rem;
 }
 
 .app-badges .footer-sidebar-icon {
-top: 0.5rem;
+top: 0.8rem;
 }
 
 .app-badges ul {
@@ -53,6 +53,6 @@
 
 .app-badge-fulllist {
 width: 100%;
-margin: 1.2rem 0 0.4rem 0;
+margin: 1.92rem 0 0.64rem 0;
 }
 }
diff --git a/dev/wikipedia.org/assets/postcss/_base-portal.css 
b/dev/wikipedia.org/assets/postcss/_base-portal.css
index b718360..ad963f5 100644
--- a/dev/wikipedia.org/assets/postcss/_base-portal.css
+++ b/dev/wikipedia.org/assets/postcss/_base-portal.css
@@ -3,9 +3,9 @@
 body {
background-color: var( --background-color-base );
font-family: sans-serif;
-   font-size: 0.8125rem;
+   font-size: 1.3rem;
line-height: 1.5;
-   margin: 0.24375rem 0;
+   margin: 0.39rem 0;
 }
 
 a,
@@ -35,5 +35,5 @@
height: 0;
border: 0;
border-bottom: 1px solid var( --border-color-heading );
-   margin: 0.1625rem 0.8125rem;
+   margin: 0.26rem 1.3rem;
 }
diff --git a/dev/wikipedia.org/assets/postcss/_base.css 
b/dev/wikipedia.org/assets/postcss/_base.css
index e98cf68..4eca1c6 100644
--- a/dev/wikipedia.org/assets/postcss/_base.css
+++ b/dev/wikipedia.org/assets/postcss/_base.css
@@ -20,6 +20,7 @@
   font-family: sans-serif; /* 1 */
   -ms-text-size-adjust: 100%; /* 2 */
   -webkit-text-size-adjust: 100%; /* 2 */
+   font-size: 62.5%; /* 1rem = 10px */
 }
 
 /**
@@ -144,8 +145,8 @@
  */
 
 h1 {
-  font-size: 2rem;
-  margin: 0.67rem 0;
+  font-size: 3.2rem;
+  margin: 1.07rem 0;
 }
 
 /**
@@ -212,7 +213,7 @@
  */
 
 figure {
-  margin: 1rem 2.5rem;
+  margin: 1.6rem 4rem;
 }
 
 /**
@@ -241,7 +242,7 @@
 pre,
 samp {
   font-family: monospace, monospace;
-  font-size: 1rem;
+  font-size: 1.4rem;
 }
 
 /* Forms
@@ -395,8 +396,8 @@
 
 fieldset {
   border: 1px solid #c0c0c0;
-  margin: 0 0.125rem;
-  padding: 0.35rem 0.625rem 0.75rem;
+  margin: 0 0.2rem;
+  padding: 0.56rem 1rem 1.2rem;
 }
 
 /**
diff --git a/dev/wikipedia.org/assets/postcss/_buttons.css 
b/dev/wikipedia.org/assets/postcss/_buttons.css
index 2d09aa2..d650c38 100644
--- a/dev/wikipedia.org/assets/postcss/_buttons.css
+++ b/dev/wikipedia.org/assets/postcss/_buttons.css
@@ -25,12 +25,12 @@
 background-color: var( --background-color-framed );
 color: var( --color-base );
 position: relative;
-min-height: 1.2rem;
-min-width: 1rem;
-margin: 0.1rem 0;
+min-height: 1.92rem;
+min-width: 1.6rem;
+margin: 0.16rem 0;
 border: var( --border-base );
 border-radius: var( --border-radius-base );
-padding: 0.5rem 1rem;
+padding: 0.8rem 1.6rem;
 font-family: inherit;
 font-size: inherit;
 font-weight: bold;
diff --git a/dev/wikipedia.org/assets/postcss/_central-featured.css 
b/dev/wikipedia.org/assets/postcss/_central-featured.css
index 4efd109..f2566cf 100644
--- a/dev/wikipedia.org/assets/postcss/_central-featured.css
+++ b/dev/wikipedia.org/assets/postcss/_central-featured.css
@@ -4,8 +4,8 @@
 
 .central-featured {
position: relative;
-   height: 20.3125rem;
-   width: 34.125rem;
+   height: 32.5rem;
+   width: 54.6rem;
max-width: 100%;
margin: 0 auto;
text-align: center;
@@ -13,13 +13,13 @@
 }