[gtk/wip/jimmac/typography-classes-gtk3] Adwaita: general typography classes



commit 9b11707a52f832902af23eadae7b791b60e65d0a
Author: Jakub Steiner <jimmac gmail com>
Date:   Wed Jan 22 12:06:31 2020 +0100

    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

 gtk/theme/Adwaita/_common.scss | 41 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 55d45a0abb..d93c451d4b 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -267,6 +267,47 @@ spinner {
   }
 }
 
+/**********************
+ * General Typography *
+ **********************/
+
+.large-title {
+   font-weight: 300;
+   font-size: 24pt;
+   letter-spacing: 0.2rem;
+}
+.title-1 {
+   font-weight: 800;
+   font-size: 20pt;
+}
+.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;
+}
+.body {
+   font-weight: 400;
+   font-size: 11pt;
+}
+.caption-heading {
+   font-weight: 700;
+   font-size: 9pt;
+}
+.caption {
+   font-weight: 400;
+   font-size: 9pt;
+}
 
 /****************
  * Text Entries *


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]