fix/standardize font variables (internetarchive#11097)

RayBB · web-flow · commit 3194e97bfe54 · 2025-08-13T19:20:30.000+02:00
diff --git a/static/css/base/common.less b/static/css/base/common.less
@@ -86,7 +86,7 @@ div.head {
   margin-bottom: 10px;
   margin-top: 20px;
   span {
-    font-size: 12px;
+    font-size: @font-size-label-medium;
   }
 }
 
diff --git a/static/css/base/headings.less b/static/css/base/headings.less
@@ -17,7 +17,7 @@ h1 {
     margin: 0;
   }
   span.count {
-    font-size: 14px !important;
+    font-size: @font-size-label-large !important;
   }
 }
 
@@ -97,7 +97,7 @@ h4 {
     padding: 0;
     span.merge {
       font-family: @lucida_sans_serif-3;
-      font-size: 11px;
+      font-size: @font-size-label-small;
       font-weight: normal !important;
       text-transform: none !important;
       padding-left: 22px;
@@ -147,7 +147,7 @@ div.head {
 dt,
 span.title,
 h6.title {
-  font-size: 12px;
+  font-size: @font-size-label-medium;
   font-weight: normal !important;
   font-family: @lucida_sans_serif-2;
   color: @grey;
@@ -157,11 +157,11 @@ h6.title {
 
 .titleSmall {
   font-family: @lucida_sans_serif-2;
-  font-size: 11px;
+  font-size: @font-size-label-small;
   font-weight: 600;
 }
 .heading {
   span.count {
-    font-size: 14px !important;
+    font-size: @font-size-label-large !important;
   }
 }
diff --git a/static/css/base/helpers-common.less b/static/css/base/helpers-common.less
@@ -9,7 +9,7 @@
   // e.g. heading should be a little smaller
   // See /subjects "Try a keyword"
   + span {
-    font-size: 11px;
+    font-size: @font-size-label-small;
   }
 }
 
@@ -58,7 +58,7 @@ a.hoverlink {
 
 .local-date-time {
   color: @dark-green;
-  font-size: 11px;
+  font-size: @font-size-label-small;
   text-align: center;
   padding: 5px 0 0;
 }
diff --git a/static/css/base/helpers-misc.less b/static/css/base/helpers-misc.less
@@ -5,10 +5,10 @@
 @import "../less/font-families.less";
 
 .small {
-  font-size: 12px !important;
+  font-size: @font-size-label-medium !important;
   font-weight: normal !important;
   &er {
-    font-size: 11px;
+    font-size: @font-size-label-small;
     font-weight: normal;
   }
   &est {
@@ -23,9 +23,9 @@
   clear: both;
 }
 .large {
-  font-size: 14px !important;
+  font-size: @font-size-label-large !important;
   &r {
-    font-size: 16px !important;
+    font-size: @font-size-title-medium !important;
   }
   &st {
     font-size: 18px !important;
diff --git a/static/css/components/buttonCta.less b/static/css/components/buttonCta.less
@@ -166,7 +166,7 @@ a.cta-btn {
 .carousel-section .cta-btn {
   white-space: nowrap;
   text-overflow: ellipsis;
-  font-size: 14px;
+  font-size: @font-size-label-large;
   text-align: center;
 
   &.cta-btn--external {
@@ -181,7 +181,7 @@ a.cta-btn {
 }
 
 .cta-btn--small {
-  font-size: 12px;
+  font-size: @font-size-label-medium;
   padding: 5px 10px;
 }
 
diff --git a/static/css/components/cbox.less b/static/css/components/cbox.less
@@ -171,7 +171,7 @@ div.floater {
   }
   &Body {
     padding: 20px;
-    font-size: 14px;
+    font-size: @font-size-label-large;
     p {
       margin-bottom: 14px;
     }
diff --git a/static/css/components/check-in.less b/static/css/components/check-in.less
@@ -13,7 +13,7 @@
 
   &__label,
   &__select {
-    font-size: 16px;
+    font-size: @font-size-title-medium;
   }
 
   &__label {
diff --git a/static/css/components/diff.less b/static/css/components/diff.less
@@ -7,7 +7,7 @@
 // stylelint-disable selector-max-specificity
 #legend {
   float: left;
-  font-size: 11px;
+  font-size: @font-size-label-small;
   font-family: @lucida_sans_serif-6;
   line-height: 1em;
   margin-top: 20px;
@@ -56,7 +56,7 @@ dd {
 .diff .revisions th {
   padding: 10px;
   font-family: @news_gothic_sans_serif-2;
-  font-size: 11px;
+  font-size: @font-size-label-small;
   font-weight: 700;
   color: @black;
 }
diff --git a/static/css/components/form.olform.less b/static/css/components/form.olform.less
@@ -191,7 +191,7 @@
   // e.g. on the book edit page. /books/OL9737752M/The_Odyssey/edit
   // "You can search by author name (like j k rowling) or by Open Library ID (like OL23919A)."
   .tip {
-    font-size: 11px;
+    font-size: @font-size-label-small;
     color: @grey;
     font-family: @lucida_sans_serif-1 !important;
   }
diff --git a/static/css/components/header-bar.less b/static/css/components/header-bar.less
@@ -307,7 +307,7 @@
       color: @white;
       border-radius: 8px;
       padding: 3px 7px;
-      font-size: 12px;
+      font-size: @font-size-label-medium;
       margin-top: 25px;
       font-weight: bold;
     }
@@ -553,7 +553,7 @@
       display: none;
       margin-top: 3px;
       padding: 13px 10px 0;
-      font-size: 14px;
+      font-size: @font-size-label-large;
     }
 
     .search-facet {
diff --git a/static/css/components/iaBar.less b/static/css/components/iaBar.less
@@ -53,7 +53,7 @@
     }
   }
   .topNotice-logo {
-    font-size: 24px;
+    font-size: @font-size-headline-small;
   }
 
   @media only screen and (max-width: @width-breakpoint-mobile) {
diff --git a/static/css/components/illustration.less b/static/css/components/illustration.less
@@ -72,7 +72,7 @@
     color: @grey;
     font-style: italic;
     padding: 4px 4px 0;
-    font-size: 11px;
+    font-size: @font-size-label-small;
   }
   .edition {
     font-size: 0.6875em;
diff --git a/static/css/components/jquery.autocomplete.less b/static/css/components/jquery.autocomplete.less
@@ -22,7 +22,7 @@
     padding: 5px;
     display: block;
     font-family: @lucida_sans_serif-2;
-    font-size: 12px;
+    font-size: @font-size-label-medium;
     cursor: pointer;
     color: @dark-grey;
     /*
@@ -43,7 +43,7 @@
 }
 
 .ac_results .ac_language {
-  font-size: 16px;
+  font-size: @font-size-title-medium;
   color: @black;
 }
 
@@ -54,28 +54,28 @@
   }
 
   .books {
-    font-size: 12px;
+    font-size: @font-size-label-medium;
     color: @dark-green;
     font-weight: 700;
     padding: 0;
   }
 
   .subject {
-    font-size: 11px;
+    font-size: @font-size-label-small;
   }
 
   .olid {
     font-family: @monospace;
   }
 
   .name {
-    font-size: 16px;
+    font-size: @font-size-title-medium;
     display: block;
     color: @black;
   }
 
   .work {
-    font-size: 11px;
+    font-size: @font-size-label-small;
 
     // stylelint-disable-next-line selector-max-specificity
     i {
@@ -101,7 +101,7 @@
   }
 
   .edition_count {
-    font-size: 12px;
+    font-size: @font-size-label-medium;
     color: @dark-green;
     font-weight: 700;
     padding: 0;
@@ -117,12 +117,12 @@
   }
 
   .title {
-    font-size: 16px;
+    font-size: @font-size-title-medium;
     color: @black;
   }
 
   .first_publish_year {
-    font-size: 12px;
+    font-size: @font-size-label-medium;
   }
 }
 
diff --git a/static/css/components/list-follow.less b/static/css/components/list-follow.less
@@ -120,7 +120,7 @@
     padding-right: 5px;
     padding-bottom: 3px;
     .cta-btn {
-      font-size: 12px; // Override base size
+      font-size: @font-size-label-medium; // Override base size
       padding: 1px 10px; // Less padding
       border-radius: 4px; // Custom radius
       box-shadow: none; // Remove default shadow if present
diff --git a/static/css/components/listLists.less b/static/css/components/listLists.less
@@ -41,7 +41,7 @@ ul.listLists {
     }
     .label {
       line-height: 1.125em;
-      font-size: 12px;
+      font-size: @font-size-label-medium;
     }
     .meta,
     .owner {
diff --git a/static/css/components/manage-covers.less b/static/css/components/manage-covers.less
@@ -10,7 +10,7 @@
   border: 3px solid @dark-grey;
   background-color: @white;
   color: @dark-grey;
-  font-size: 12px;
+  font-size: @font-size-label-medium;
   cursor: pointer;
 
   a {
diff --git a/static/css/components/merge-request-table.less b/static/css/components/merge-request-table.less
@@ -98,7 +98,7 @@
       justify-content: center;
       width: 13px;
       height: 17px;
-      font-size: 28px;
+      font-size: @font-size-headline-medium;
       font-family: @lucida_sans_serif-1;
       cursor: pointer;
       background-color: transparent;
@@ -330,7 +330,7 @@
   &__comment-expand {
     display: flex;
     align-items: center;
-    font-size: 12px;
+    font-size: @font-size-label-medium;
     width: 54px;
     height: 42px;
 
diff --git a/static/css/components/metadata-form.less b/static/css/components/metadata-form.less
@@ -1,13 +1,14 @@
 @import (less) "../less/breakpoints.less";
 @import (reference) "../less/colors.less";
 @import (reference) "./buttonBtn.less";
+@import (reference) "../less/font-families.less";
 
 .book-notes-form {
   margin: 1em auto;
   padding: 0 20px;
 
   p {
-    font-size: 16px;
+    font-size: @font-size-title-medium;
   }
 
   div {
@@ -17,7 +18,7 @@
     textarea {
       width: 100%;
       padding: 0.25em;
-      font-size: 16px;
+      font-size: @font-size-title-medium;
       resize: none;
     }
   }
diff --git a/static/css/components/modal-links.less b/static/css/components/modal-links.less
@@ -23,7 +23,7 @@
     }
 
     &__text {
-      font-size: 12px;
+      font-size: @font-size-label-medium;
       line-height: 12px;
     }
 
diff --git a/static/css/components/notes-view.less b/static/css/components/notes-view.less
@@ -55,7 +55,7 @@
     width: 100%;
     resize: none;
     padding: 0.25em;
-    font-size: 16px;
+    font-size: @font-size-title-medium;
   }
 
   .notes-view-modal-link {
diff --git a/static/css/components/observationStats.less b/static/css/components/observationStats.less
@@ -55,7 +55,7 @@
   border: 1px solid @light-grey;
   border-radius: 16px;
 
-  font-size: 14px;
+  font-size: @font-size-label-large;
   text-indent: 0;
   white-space: nowrap;
 
diff --git a/static/css/components/read-panel.less b/static/css/components/read-panel.less
@@ -7,7 +7,7 @@
 .waitinglist-message {
   white-space: nowrap;
   margin: 0 0 10px;
-  font-size: 12px;
+  font-size: @font-size-label-medium;
 }
 
 .mobile-vendor {
@@ -71,15 +71,15 @@
 
   .waitinglist-message {
     margin: 0 0 10px;
-    font-size: 12px;
+    font-size: @font-size-label-medium;
     text-wrap: auto;
   }
   .cta-section {
     font-size: 0.78em;
   }
 
   .check-availability {
-    font-size: 14px;
+    font-size: @font-size-label-large;
     border-top: 1px solid @lightest-grey;
   }
 
@@ -156,7 +156,7 @@ ul.ebook-download-options li {
 
 .Tools .booklinks li {
   list-style: none;
-  font-size: 12px;
+  font-size: @font-size-label-medium;
 }
 
 // desktop
diff --git a/static/css/components/reading-goal.less b/static/css/components/reading-goal.less
diff --git a/static/css/components/sort-dropper.less b/static/css/components/sort-dropper.less
diff --git a/static/css/components/tagging-menu.less b/static/css/components/tagging-menu.less
diff --git a/static/css/components/wmd-prompt-dialog--js.less b/static/css/components/wmd-prompt-dialog--js.less
diff --git a/static/css/components/work.less b/static/css/components/work.less
diff --git a/static/css/legacy-datatables.less b/static/css/legacy-datatables.less
diff --git a/static/css/legacy.less b/static/css/legacy.less
diff --git a/static/css/page-admin.less b/static/css/page-admin.less
diff --git a/static/css/page-edit.less b/static/css/page-edit.less
diff --git a/static/css/page-plain.less b/static/css/page-plain.less
diff --git a/static/css/page-signup.less b/static/css/page-signup.less

Original file line number	Diff line number	Diff line change
`@@ -86,7 +86,7 @@ div.head {`
`86`	`86`	`margin-bottom: 10px;`
`87`	`87`	`margin-top: 20px;`
`88`	`88`	`span {`
`89`		`- font-size: 12px;`
	`89`	`+ font-size: @font-size-label-medium;`
`90`	`90`	`}`
`91`	`91`	`}`
`92`	`92`
Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@`
`9`	`9`	`// e.g. heading should be a little smaller`
`10`	`10`	`// See /subjects "Try a keyword"`
`11`	`11`	`+ span {`
`12`		`- font-size: 11px;`
	`12`	`+ font-size: @font-size-label-small;`
`13`	`13`	`}`
`14`	`14`	`}`
`15`	`15`
`@@ -58,7 +58,7 @@ a.hoverlink {`
`58`	`58`
`59`	`59`	`.local-date-time {`
`60`	`60`	`color: @dark-green;`
`61`		`- font-size: 11px;`
	`61`	`+ font-size: @font-size-label-small;`
`62`	`62`	`text-align: center;`
`63`	`63`	`padding: 5px 0 0;`
`64`	`64`	`}`
Original file line number	Diff line number	Diff line change
`@@ -166,7 +166,7 @@ a.cta-btn {`
`166`	`166`	`.carousel-section .cta-btn {`
`167`	`167`	`white-space: nowrap;`
`168`	`168`	`text-overflow: ellipsis;`
`169`		`- font-size: 14px;`
	`169`	`+ font-size: @font-size-label-large;`
`170`	`170`	`text-align: center;`
`171`	`171`
`172`	`172`	`&.cta-btn--external {`
`@@ -181,7 +181,7 @@ a.cta-btn {`
`181`	`181`	`}`
`182`	`182`
`183`	`183`	`.cta-btn--small {`
`184`		`- font-size: 12px;`
	`184`	`+ font-size: @font-size-label-medium;`
`185`	`185`	`padding: 5px 10px;`
`186`	`186`	`}`
`187`	`187`
Original file line number	Diff line number	Diff line change
`@@ -171,7 +171,7 @@ div.floater {`
`171`	`171`	`}`
`172`	`172`	`&Body {`
`173`	`173`	`padding: 20px;`
`174`		`- font-size: 14px;`
	`174`	`+ font-size: @font-size-label-large;`
`175`	`175`	`p {`
`176`	`176`	`margin-bottom: 14px;`
`177`	`177`	`}`
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@`
`13`	`13`
`14`	`14`	`&__label,`
`15`	`15`	`&__select {`
`16`		`- font-size: 16px;`
	`16`	`+ font-size: @font-size-title-medium;`
`17`	`17`	`}`
`18`	`18`
`19`	`19`	`&__label {`
Original file line number	Diff line number	Diff line change
`@@ -191,7 +191,7 @@`
`191`	`191`	`// e.g. on the book edit page. /books/OL9737752M/The_Odyssey/edit`
`192`	`192`	`// "You can search by author name (like j k rowling) or by Open Library ID (like OL23919A)."`
`193`	`193`	`.tip {`
`194`		`- font-size: 11px;`
	`194`	`+ font-size: @font-size-label-small;`
`195`	`195`	`color: @grey;`
`196`	`196`	`font-family: @lucida_sans_serif-1 !important;`
`197`	`197`	`}`