AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

Adwaita: generic type styles

Browse Source 
- try to define a basic typographic structure

See https://gitlab.gnome.org/GNOME/gtk/issues/1808
This commit is contained in:
Jakub Steiner 2019-04-11 14:50:56 +02:00
parent ca19b940ce
commit 5cd4ec510d
3 changed files with 47 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
gtk/theme/Adwaita/_common.scss
View File

@ -260,6 +260,31 @@ spinner {
}
}
/**********************
* General Typography *
**********************/
.type-large-title {
font-weight: 300;
font-size: 24pt;
letter-spacing: 0.2rem;
}
.type-title {
font-weight: 600;
font-size: 16pt;
}
.type-heading {
font-weight: 500;
font-size: 11pt;
}
.type-body {
font-weight: 400;
font-size: 11pt;
}
.type-caption {
font-weight: 400;
font-size: 9pt;
}
/****************
* Text Entries *

11
gtk/theme/Adwaita/gtk-contained-dark.css
View File

@ -93,6 +93,17 @@ spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
spinner:checked:disabled { opacity: 0.5; }
/********************** General Typography * */
.type-large-title { font-weight: 300; font-size: 24pt; letter-spacing: 0.2rem; }
.type-title { font-weight: 600; font-size: 16pt; }
.type-heading { font-weight: 500; font-size: 11pt; }
.type-body { font-weight: 400; font-size: 11pt; }
.type-caption { font-weight: 400; font-size: 9pt; }
/**************** Text Entries * */
spinbutton:not(.vertical), spinbutton.vertical text, entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; border-color: #1b1b1b; background-color: #2d2d2d; box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0); }

11
gtk/theme/Adwaita/gtk-contained.css
View File

@ -93,6 +93,17 @@ spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
spinner:checked:disabled { opacity: 0.5; }
/********************** General Typography * */
.type-large-title { font-weight: 300; font-size: 24pt; letter-spacing: 0.2rem; }
.type-title { font-weight: 600; font-size: 16pt; }
.type-heading { font-weight: 500; font-size: 11pt; }
.type-body { font-weight: 400; font-size: 11pt; }
.type-caption { font-weight: 400; font-size: 9pt; }
/**************** Text Entries * */
spinbutton:not(.vertical), spinbutton.vertical text, entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black; border-color: #cdc7c2; background-color: #ffffff; box-shadow: inset 0 0 0 1px rgba(53, 132, 228, 0); }