improvement: rework well styling

This commit is contained in:
Kazhnuz 2019-11-07 12:37:56 +01:00
parent 2f0ea5b8bd
commit 8f4d4fc4c0
4 changed files with 19 additions and 16 deletions

View file

@ -104,12 +104,12 @@ a {
text-decoration: none; text-decoration: none;
} }
p { p, time {
padding: 0; padding: 0;
margin: 0; margin: 0;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
p:last-child { p:last-child, time:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
@ -218,12 +218,13 @@ hr {
/* ------------------ QUOTE ------------------- */ /* ------------------ QUOTE ------------------- */
blockquote { blockquote {
border-width: 0 0 0 0.2em; border-width: 0 0 0 0.375rem;
border-style: solid; border-style: solid;
border-radius: 3px; border-radius: 0.1875rem;
margin: 0; margin: 0;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
padding: 0.75rem; padding: 1.5rem;
font-size: 1.1rem;
max-width: 100%; max-width: 100%;
border-color: rgba(1, 1, 1, 0.15); border-color: rgba(1, 1, 1, 0.15);
} }
@ -232,12 +233,13 @@ blockquote {
} }
pre { pre {
border-width: 0 0 0 0.2em; border-width: 0 0 0 0.375rem;
border-style: solid; border-style: solid;
border-radius: 3px; border-radius: 0.1875rem;
margin: 0; margin: 0;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
padding: 0.75rem; padding: 1.5rem;
font-size: 1.1rem;
max-width: 100%; max-width: 100%;
border-color: rgba(1, 1, 1, 0.2); border-color: rgba(1, 1, 1, 0.2);
background-color: #EEE; background-color: #EEE;
@ -265,6 +267,7 @@ mark {
text-align: right; text-align: right;
width: 100%; width: 100%;
display: block; display: block;
font-size: 0.9rem;
} }
/*# sourceMappingURL=clear-typography.css.map */ /*# sourceMappingURL=clear-typography.css.map */

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;;;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"} {"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;EACA;EACA;;;AAGF;EACE;;;AAGF;EACC;;;AAGD;EACC;;;AAGD;EACE;EACA;;;AAGF;EAxCE;EACA;EACA,eALW;;AA6CX;EACE;;;AAIJ;EA/CE;EACA;EACA,eALW;;AAoDX;EACE;;AAEF;EACE,aAxDS;;;AA4Db;EAzDE;EACA;EACA,eALW;;AA8DX;EACE;;AAEF;EACE,aAlES;;;AAuEb;EAAc;EAAqB;;;AACnC;EAAmB;EAAqB;;;AAExC;AAEA;EACE;EACA;;;AAGF;AAUA;EACE;EACD,WAlGY;EAmGZ,aA9FY;EA+FZ;EACA;EACA;;;AAGD;EAfC;EACA;EACA,eAvFY;EAwFZ,aAa2B;;;AAG5B;EAnBC;EACA;EACA,eAvFY;EAwFZ,aAiBmB;;;AAGpB;EAvBC;EACA;EACA,eAvFY;EAwFZ,aAqBqB;;;AAGtB;EA3BC;EACA;EACA,eAvFY;EAwFZ,aAyBqB;;;AAGtB;EA/BC;EACA;EACA,eAvFY;EAwFZ,aA6B0B;;;AAG3B;EAnCC;EACA;EACA,eAvFY;EAwFZ,aAiCqB;;;AAGtB;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,eArIY;;;AAwIb;AAcA;EAXE;EACD;EACA;EACA;EACA,eA/IY;EAgJZ,SAhJY;EAiJT;EAEH;EAKA;;AAEA;EACG;;;AAIJ;EApBE;EACD;EACA;EACA;EACA,eA/IY;EAgJZ,SAhJY;EAiJT;EAEH;EAcA;EACA;;AAEA;EACG;EACA;;;AAMJ;AAEA;EACE;EACA;EAEA;EACA;;;AAGF;EACE;;;AAGF;AAEA;EACC;EACA;EACA;EACA;EACG","file":"clear-typography.css"}

View file

@ -22,7 +22,7 @@
Document de Test Document de Test
</h1> </h1>
<div class="time"><time> Le vendredi 19 septembre 2014 à 07:16 </time></div> <time class="time"> Le vendredi 19 septembre 2014 à 07:16 </time>
<h2> <h2>
Introduction : Lorem Ipsum Introduction : Lorem Ipsum

View file

@ -26,8 +26,6 @@ body {
font-weight: 400; font-weight: 400;
} }
.debug { .debug {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0, rgba(255, 255, 255, 0) 1px); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0, rgba(255, 255, 255, 0) 1px);
background-repeat: repeat-y; background-repeat: repeat-y;
@ -51,7 +49,7 @@ a {
text-decoration:none; text-decoration:none;
} }
p { p, time {
@include paragraph(); @include paragraph();
&:last-child { &:last-child {
margin-bottom:0; margin-bottom:0;
@ -147,12 +145,13 @@ hr {
/* ------------------ QUOTE ------------------- */ /* ------------------ QUOTE ------------------- */
@mixin well() { @mixin well() {
border-width: 0 0 0 0.2em; border-width: 0 0 0 $lineheight/4;
border-style: solid; border-style: solid;
border-radius: 3px; border-radius: $lineheight/8;
margin:0; margin:0;
margin-bottom: $lineheight; margin-bottom: $lineheight;
padding: $lineheight/2; padding: $lineheight;
font-size:1.1rem;
max-width: 100%; max-width: 100%;
} }
@ -200,4 +199,5 @@ mark {
text-align: right; text-align: right;
width: 100%; width: 100%;
display: block; display: block;
font-size: 0.9rem;
} }