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



commit feecfcab2757969b901a345cc4d95b19dcd97179
Author: Jakub Steiner <jimmac gmail com>
Date:   Wed Jan 22 12:02:51 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 | 32 ++++++++++++++++++++++++--------
 1 file changed, 24 insertions(+), 8 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index c8a8fb1395..50184af64b 100644
--- 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;
 }


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