autonomic-cooperative
/
autonomic.zone
Archived
5
0
Fork 0
Code Issues 15 Pull Requests 2 Releases Activity

Tweaks to text formatting 

Bump up font size, fix line height, stop

S P A C I N G E V E R Y T H I N G L I K E T H I S

and use a decent font stack for monospace.
This commit is contained in:
Anna Sidwell 2019-11-14 01:57:56 +00:00
parent 6086c318bd
commit 9e79cc2d24
2 changed files with 5 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/assets/styles/components/_basic.scss
View File

@ -19,23 +19,10 @@ body {
body, input, select, textarea { body, input, select, textarea {
color: _palette(fg); color: _palette(fg);
font-family: _font(family); font-family: _font(family);
font-size: 15pt; font-size: 18px;
font-weight: _font(weight); font-weight: _font(weight);
letter-spacing: _size(letter-spacing); letter-spacing: _size(letter-spacing);
line-height: 1.65em; line-height: 1.6;
@include breakpoint(xlarge) {
font-size: 13pt;
}
@include breakpoint(large) {
font-size: 12pt;
}
@include breakpoint(small) {
font-size: 11pt;
letter-spacing: _size(letter-spacing) * 0.5;
}
} }
a { a {

6
src/assets/styles/libs/_vars.scss
View File

@ -17,13 +17,13 @@
element-height: 2.75em, element-height: 2.75em,
element-margin: 2em, element-margin: 2em,
letter-spacing: 0, letter-spacing: 0,
letter-spacing-alt: 0.225em letter-spacing-alt: 0.1em
); );
// Font. // Font.
$font: ( $font: (
family: (-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif), family: (-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif),
family-fixed: ('Courier New', monospace), family-fixed: (SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace),
weight: 400, weight: 400,
weight-bold: 600, weight-bold: 600,
weight-extrabold: 800 weight-extrabold: 800
@ -53,7 +53,7 @@
accent2: ( accent2: (
bg: #ffffff, bg: #ffffff,
fg-bold: #2E3842, fg-bold: #41505E,
fg: #4E4852, fg: #4E4852,
fg-light: #8E8892, fg-light: #8E8892,
border: #dfdfdf, border: #dfdfdf,