[gtk/wip/jimmac/typography-classes] Adwaita: general typography classes
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk/wip/jimmac/typography-classes] Adwaita: general typography classes
- Date: Wed, 22 Jan 2020 11:05:49 +0000 (UTC)
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]