Merge pull request #7456 from overleaf/mf-fix-less-variable-comment-font-size

[web] fix comments about font-size pixel calculation in our global less variable file

GitOrigin-RevId: 5f7da570ff1b35467b41c15238c54d27414f5fab

services/web/frontend/stylesheets/core/variables.less

@@ -85,16 +85,16 @@
 @font-family-base: @font-family-sans-serif;
 
 @font-size-base: 16px;
-@font-size-large: ceil((@font-size-base * 1.25)); // ~18px
+@font-size-large: ceil((@font-size-base * 1.25)); // ~20px
 @font-size-small: ceil((@font-size-base * 0.85)); // ~14px
 @font-size-extra-small: ceil((@font-size-base * 0.7)); // ~12px
 
-@font-size-h1: floor((@font-size-base * 2)); // ~36px
-@font-size-h2: floor((@font-size-base * 1.6)); // ~30px
-@font-size-h3: ceil((@font-size-base * 1.25)); // ~24px
+@font-size-h1: floor((@font-size-base * 2)); // ~32px
+@font-size-h2: floor((@font-size-base * 1.6)); // ~25px
+@font-size-h3: ceil((@font-size-base * 1.25)); // ~20px
 @font-size-h4: ceil((@font-size-base * 1.1)); // ~18px
 @font-size-h5: @font-size-base;
-@font-size-h6: ceil((@font-size-base * 0.85)); // ~12px
+@font-size-h6: ceil((@font-size-base * 0.85)); // ~14px
 
 //** Unit-less `line-height` for use in components like buttons.
 @line-height-base: 1.5625; // 20/14