adjusted margins and made typography more consistent

This commit is contained in:
Gabriele Musco 2021-01-03 21:38:54 +01:00
parent d367638538
commit 620ce271f2
No known key found for this signature in database
GPG Key ID: 8539FD3454380B83
4 changed files with 10 additions and 8 deletions

View File

@ -37,6 +37,9 @@ footer {
a {
color: $dim_fg_color;
}
hr {
margin-top: 50px;
}
}
#titleContainer {
@ -93,10 +96,6 @@ nav {
margin-top: 15px;
}
main {
margin: 60px 0;
}
article, .articlePreview {
img {
margin: auto;
@ -192,6 +191,9 @@ h1, h2, h3, h4, h5, h6 {
.card {
margin: 50px 0;
&:first-child {
margin-top: 0;
}
hr {
margin: 50px 0;
}

View File

@ -7,9 +7,9 @@
{{/* pagination */}}
{{ range (.Paginate $postsList).Pages }}
<div class="card">
<h3>
<h2>
<a href="{{ .Permalink }}">{{ .Title }}</a>
</h3>
</h2>
<p class="date">
<span title="Date"></span>
{{ .Date.Format "2006-01-02" }}

View File

@ -1,3 +1,3 @@
::selection,::-moz-selection{background:#db5793;color:#fff}body,html{font-family:"JetBrains Mono", monospace;margin:0;padding:0;background-color:#242629;color:#fff}a{color:#fff;text-decoration:none;border-bottom:2px solid #fff}a:hover{border-bottom:2px solid #db5793}#content{max-width:1000px;padding:15px;margin:auto}footer{color:#bababa}footer a{color:#bababa}#titleContainer{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}#titleContainer h1{font-weight:normal;font-size:1.6em;margin:0}#titleContainer img{margin-right:10px;width:50px;max-height:50px;border-radius:5px}nav ul,#links ul{list-style-type:none;display:flex;flex-direction:row;flex-wrap:wrap;padding:0;margin:0}nav{font-size:.9em}nav ul li{border-right:1px solid #db5793}nav ul li:last-child{border-right:none}nav ul li a{padding:2px 20px;color:#db5793}nav ul li a:hover{text-decoration:underline}#links{margin-top:15px}main{margin:60px 0}article img,.articlePreview img{margin:auto;display:block;max-width:80%}article pre,article code,.articlePreview pre,.articlePreview code{overflow:auto}article pre,.articlePreview pre{padding:20px;border:1px solid #4f4f4f;border-radius:3px}code{font-family:"JetBrains Mono", monospace;font-size:.8em;padding:2px;border:1px solid #4f4f4f;border-radius:3px}pre code{border:none;border-radius:none;padding:0}.date{color:#bababa;font-size:.9em}#pageNavigation a,.nerdlink a,nav a{border-bottom:none}#pageNavigation a:hover,.nerdlink a:hover,nav a:hover{border-bottom:none}#pageNavigation{text-align:right}#pageNavigation a{color:#db5793}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#db5793;border-bottom:none}.nerd,.nerdlink{font-family:"Symbols Nerd Font", "JetBrains Mono";font-size:1.2em;margin:5px;display:inline-block}.nerdlink{color:#fff;border-bottom:none;position:relative}.nerdlink span{position:absolute;top:1.5em;left:50%;transform:translateX(-50%);padding:2px;border:1px solid #4f4f4f;border-radius:3px;color:#fff;display:none}.nerdlink:hover{color:#db5793;text-decoration:none;border-bottom:none}.nerdlink:hover span{display:block}.card{margin:50px 0}.card hr{margin:50px 0}ul li{margin:5px 0}#commento{color:#fff;font-family:"JetBrains Mono", monospace}#commento textarea,#commento #commento-markdown-help-root{background:rgba(255,255,255,0.05);color:#fff;border-radius:0;border:none}#commento textarea td,#commento textarea td>*,#commento textarea td>*>*,#commento #commento-markdown-help-root td,#commento #commento-markdown-help-root td>*,#commento #commento-markdown-help-root td>*>*{color:#fff}#commento textarea td pre,#commento textarea td>* pre,#commento textarea td>*>* pre,#commento #commento-markdown-help-root td pre,#commento #commento-markdown-help-root td>* pre,#commento #commento-markdown-help-root td>*>* pre{font-family:"JetBrains Mono", monospace;color:#bababa}#commento #commento-submit-button-root{background:#db5793;color:#fff}#commento .commento-name{color:#bababa}#commento .commento-sort-policy-buttons a{border-bottom:none}#commento .commento-sort-policy-buttons .commento-sort-policy-button-selected{color:#db5793}#commento .commento-card{border-top:none;margin:25px 0}#commento .commento-body>*,#commento .commento-body *>*,#commento .commento-body>*>*>*,#commento .commento-body>*>*>*>*,#commento .commento-body>*>*>*>*>*{color:#fff;font-family:"JetBrains Mono", monospace}
::selection,::-moz-selection{background:#db5793;color:#fff}body,html{font-family:"JetBrains Mono", monospace;margin:0;padding:0;background-color:#242629;color:#fff}a{color:#fff;text-decoration:none;border-bottom:2px solid #fff}a:hover{border-color:#db5793 !important}#content{max-width:1000px;padding:15px;margin:auto}footer{color:#bababa}footer a{color:#bababa}footer hr{margin-top:50px}#titleContainer{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}#titleContainer h1{font-weight:normal;font-size:1.6em;margin:0}#titleContainer img{margin-right:10px;width:50px;max-height:50px;border-radius:5px}nav ul,#links ul{list-style-type:none;display:flex;flex-direction:row;flex-wrap:wrap;padding:0;margin:0}nav{font-size:.9em}nav ul li{border-right:1px solid #db5793}nav ul li:last-child{border-right:none}nav ul li a{padding:2px 20px;color:#db5793}nav ul li a:hover{text-decoration:underline}#links{margin-top:15px}article img,.articlePreview img{margin:auto;display:block;max-width:80%}article pre,article code,.articlePreview pre,.articlePreview code{overflow:auto}article pre,.articlePreview pre{padding:20px;border:1px solid #4f4f4f;border-radius:3px}code{font-family:"JetBrains Mono", monospace;font-size:.8em;padding:2px;border:1px solid #4f4f4f;border-radius:3px}pre code{border:none;border-radius:none;padding:0}.date,.date a{color:#bababa;border-color:#bababa;font-size:.9em}#pageNavigation a,.nerdlink a,nav a{border-bottom:none}#pageNavigation a:hover,.nerdlink a:hover,nav a:hover{border-bottom:none}#pageNavigation{text-align:right}#pageNavigation a{color:#db5793}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#db5793;border-bottom:none}.nerd,.nerdlink{font-family:"Symbols Nerd Font", "JetBrains Mono";font-size:1.2em;margin:5px;display:inline-block}.nerdlink{color:#fff;border-bottom:none;position:relative}.nerdlink span{position:absolute;top:1.5em;left:50%;transform:translateX(-50%);padding:2px;border:1px solid #4f4f4f;border-radius:3px;color:#fff;display:none}.nerdlink:hover{color:#db5793;text-decoration:none;border-bottom:none}.nerdlink:hover span{display:block}.card{margin:50px 0}.card:first-child{margin-top:0}.card hr{margin:50px 0}ul li{margin:5px 0}#commento{color:#fff;font-family:"JetBrains Mono", monospace}#commento textarea,#commento #commento-markdown-help-root{background:rgba(255,255,255,0.05);color:#fff;border-radius:0;border:none}#commento textarea td,#commento textarea td>*,#commento textarea td>*>*,#commento #commento-markdown-help-root td,#commento #commento-markdown-help-root td>*,#commento #commento-markdown-help-root td>*>*{color:#fff}#commento textarea td pre,#commento textarea td>* pre,#commento textarea td>*>* pre,#commento #commento-markdown-help-root td pre,#commento #commento-markdown-help-root td>* pre,#commento #commento-markdown-help-root td>*>* pre{font-family:"JetBrains Mono", monospace;color:#bababa}#commento #commento-submit-button-root{background:#db5793;color:#fff}#commento .commento-name{color:#bababa}#commento .commento-sort-policy-buttons a{border-bottom:none}#commento .commento-sort-policy-buttons .commento-sort-policy-button-selected{color:#db5793}#commento .commento-card{border-top:none;margin:25px 0}#commento .commento-body>*,#commento .commento-body *>*,#commento .commento-body>*>*>*,#commento .commento-body>*>*>*>*,#commento .commento-body>*>*>*>*>*{color:#fff;font-family:"JetBrains Mono", monospace}
/*# sourceMappingURL=styles.css.map */

View File

@ -1 +1 @@
{"Target":"css/styles.9afe73d2d106555dae4b61d490287a9a333fb3fa18c2eac0c7337f8472debc3d16042a0de6e106db139592e087e5363fe725c99adceca5486679258fbeee5a8a.css","MediaType":"text/css","Data":{"Integrity":"sha512-mv5z0tEGVV2uS2HUkCh6mjM/s/oYwurAxzN/hHLevD0WBCoN5uEG2xOVkuCH5TY/5yXJmtzspUhmeSWPvu5aig=="}}
{"Target":"css/styles.e14b79749c2907baa06faaa577b747f1bc881cce17051b962ac8fbd56d22ce506d24b771de7c867475732f994a539db5723d7be901f8e725d66b45d5ec008db9.css","MediaType":"text/css","Data":{"Integrity":"sha512-4Ut5dJwpB7qgb6qld7dH8byIHM4XBRuWKsj71W0izlBtJLdx3nyGdHVzL5lKU521cj176QH45yXWa0XV7ACNuQ=="}}