Adwaita: general typography classes

- many moons and some iterations later, these are the suggested
  general typographic styles. Already being referenced in apps like
  Banner Viewer (for now shipping custom definitions)

Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1808

diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index c8a8fb13954bd51ea427135128bbdae063ff5845..50184af64be8b60a620cef0cbee6995cb8e8d507 100644 (file)
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -288,24 +288,40 @@ spinner {
  * General Typography *
  **********************/
 
-.type-large-title {
+.large-title {
    font-weight: 300;
    font-size: 24pt;
    letter-spacing: 0.2rem;
 }
-.type-title {
-   font-weight: 600;
-   font-size: 16pt;
+.title-1 {
+   font-weight: 800;
+   font-size: 20pt;
 }
-.type-heading {
-   font-weight: 500;
+.title-2 {
+   font-weight: 800;
+   font-size: 15pt;
+}
+.title-3 {
+   font-weight: 700;
+   font-size: 15pt;
+}
+.title-4 {
+   font-weight: 700;
+   font-size: 13pt;
+}
+.heading {
+   font-weight: 700;
    font-size: 11pt;
 }
-.type-body {
+.body {
    font-weight: 400;
    font-size: 11pt;
 }
-.type-caption {
+.caption-heading {
+   font-weight: 700;
+   font-size: 9pt;
+}
+.caption {
    font-weight: 400;
    font-size: 9pt;
 }