resture debug grid drawing

This commit is contained in:
Kazhnuz 2019-11-07 12:28:41 +01:00
parent dd51e1e170
commit 2f0ea5b8bd
5 changed files with 22 additions and 10 deletions

View file

@ -9,19 +9,17 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Added ### Added
- Modifiable variables for - Modifiable variables for sizing
- Restore debug grid drawing
### Changed ### Changed
- Switch to using rem instead of em for sizing - Switch to using rem instead of em for sizing
- Support vertical rythm - Support vertical rythm
- Auto-calculate lineheight for titles - Auto-calculate lineheight for titles
- Make modifiable all sizing
##
## Clear Typography 1.2 [] ## Clear Typography 1.2 []

View file

@ -81,6 +81,12 @@ body {
font-weight: 400; font-weight: 400;
} }
.debug {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0, rgba(255, 255, 255, 0) 1px);
background-repeat: repeat-y;
background-size: 100% 1.5rem;
}
.night-mode { .night-mode {
color: #BBB; color: #BBB;
} }

View file

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../scss/_font-face.scss","../scss/clear-typography.scss"],"names":[],"mappings":"AAAA;AAEA;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;ACvGJ;EACC;EACA;EACA,WAhBY;;;AAmBb;EACC,aAfY;EAgBZ;EACA;;;AAGD;EACE;;;AAGF;EACC;;;AAGD;EACC;;;AAGD;EACE;EACA;;;AAGF;EAlCE;EACA;EACA,eALW;;AAuCX;EACE;;;AAIJ;EAzCE;EACA;EACA,eALW;;AA8CX;EACE;;AAEF;EACE,aAlDS;;;AAsDb;EAnDE;EACA;EACA,eALW;;AAwDX;EACE;;AAEF;EACE,aA5DS;;;AAiEb;EAAc;EAAqB;;;AACnC;EAAmB;EAAqB;;;AAExC;AAEA;EACE;EACA;;;AAGF;AAUA;EACE;EACD,WA5FY;EA6FZ,aAxFY;EAyFZ;EACA;EACA;;;AAGD;EAfC;EACA;EACA,eAjFY;EAkFZ,aAa2B;;;AAG5B;EAnBC;EACA;EACA,eAjFY;EAkFZ,aAiBmB;;;AAGpB;EAvBC;EACA;EACA,eAjFY;EAkFZ,aAqBqB;;;AAGtB;EA3BC;EACA;EACA,eAjFY;EAkFZ,aAyBqB;;;AAGtB;EA/BC;EACA;EACA,eAjFY;EAkFZ,aA6B0B;;;AAG3B;EAnCC;EACA;EACA,eAjFY;EAkFZ,aAiCqB;;;AAGtB;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,eA/HY;;;AAkIb;AAaA;EAVE;EACD;EACA;EACA;EACA,eAzIY;EA0IZ;EAEA;EAKA;;AAEA;EACG;;;AAIJ;EAnBE;EACD;EACA;EACA;EACA,eAzIY;EA0IZ;EAEA;EAcA;EACA;;AAEA;EACG;EACA;;;AAMJ;AAEA;EACE;EACA;EAEA;EACA;;;AAGF;EACE;;;AAGF;AAEA;EACC;EACA;EACA;EACA","file":"clear-typography.css"} {"version":3,"sourceRoot":"","sources":["../scss/_font-face.scss","../scss/clear-typography.scss"],"names":[],"mappings":"AAAA;AAEA;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;ACvGJ;EACC;EACA;EACA,WAhBY;;;AAmBb;EACC,aAfY;EAgBZ;EACA;;;AAKD;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACC;;;AAGD;EACC;;;AAGD;EACE;EACA;;;AAGF;EA1CE;EACA;EACA,eALW;;AA+CX;EACE;;;AAIJ;EAjDE;EACA;EACA,eALW;;AAsDX;EACE;;AAEF;EACE,aA1DS;;;AA8Db;EA3DE;EACA;EACA,eALW;;AAgEX;EACE;;AAEF;EACE,aApES;;;AAyEb;EAAc;EAAqB;;;AACnC;EAAmB;EAAqB;;;AAExC;AAEA;EACE;EACA;;;AAGF;AAUA;EACE;EACD,WApGY;EAqGZ,aAhGY;EAiGZ;EACA;EACA;;;AAGD;EAfC;EACA;EACA,eAzFY;EA0FZ,aAa2B;;;AAG5B;EAnBC;EACA;EACA,eAzFY;EA0FZ,aAiBmB;;;AAGpB;EAvBC;EACA;EACA,eAzFY;EA0FZ,aAqBqB;;;AAGtB;EA3BC;EACA;EACA,eAzFY;EA0FZ,aAyBqB;;;AAGtB;EA/BC;EACA;EACA,eAzFY;EA0FZ,aA6B0B;;;AAG3B;EAnCC;EACA;EACA,eAzFY;EA0FZ,aAiCqB;;;AAGtB;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,eAvIY;;;AA0Ib;AAaA;EAVE;EACD;EACA;EACA;EACA,eAjJY;EAkJZ;EAEA;EAKA;;AAEA;EACG;;;AAIJ;EAnBE;EACD;EACA;EACA;EACA,eAjJY;EAkJZ;EAEA;EAcA;EACA;;AAEA;EACG;EACA;;;AAMJ;AAEA;EACE;EACA;EAEA;EACA;;;AAGF;EACE;;;AAGF;AAEA;EACC;EACA;EACA;EACA","file":"clear-typography.css"}

View file

@ -17,7 +17,7 @@
</head> </head>
<body class="text-wrapper"> <body class="text-wrapper debug">
<h1> <h1>
Document de Test Document de Test
</h1> </h1>

View file

@ -26,6 +26,14 @@ body {
font-weight: 400; font-weight: 400;
} }
.debug {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0, rgba(255, 255, 255, 0) 1px);
background-repeat: repeat-y;
background-size: 100% 1.5rem;
}
.night-mode { .night-mode {
color:#BBB; color:#BBB;
} }