diff --git a/CHANGELOG.md b/CHANGELOG.md index 98a4d39..3d52659 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,19 +9,17 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Added -- Modifiable variables for +- Modifiable variables for sizing + +- Restore debug grid drawing ### 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 - - - Make modifiable all sizing - -## +- Auto-calculate lineheight for titles ## Clear Typography 1.2 [] diff --git a/css/clear-typography.css b/css/clear-typography.css index 5649016..21526f0 100644 --- a/css/clear-typography.css +++ b/css/clear-typography.css @@ -81,6 +81,12 @@ body { 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 { color: #BBB; } diff --git a/css/clear-typography.css.map b/css/clear-typography.css.map index d1865e5..6233dfb 100644 --- a/css/clear-typography.css.map +++ b/css/clear-typography.css.map @@ -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"} \ No newline at end of file +{"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"} \ No newline at end of file diff --git a/index.html b/index.html index 63b8720..ccc2599 100644 --- a/index.html +++ b/index.html @@ -17,7 +17,7 @@ - +

Document de Test

diff --git a/scss/clear-typography.scss b/scss/clear-typography.scss index 4e9ef2c..767ce7d 100644 --- a/scss/clear-typography.scss +++ b/scss/clear-typography.scss @@ -26,6 +26,14 @@ body { 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 { color:#BBB; }