From 9646415e53b538de896acc95a7018cd771a334ee Mon Sep 17 00:00:00 2001 From: Emiel Hollander Date: Tue, 17 Nov 2020 20:15:15 +0100 Subject: Update generated CSS files for Hugo Basic --- ...o.scss_11dec6d354e63d78237f08052de7276c.content | 90 ++++++++++++++-------- ...o.scss_d4f8b6498aaf27d34862c7e8a62b88f3.content | 2 +- 2 files changed, 58 insertions(+), 34 deletions(-) diff --git a/resources/_gen/assets/scss/scss/hallo.scss_11dec6d354e63d78237f08052de7276c.content b/resources/_gen/assets/scss/scss/hallo.scss_11dec6d354e63d78237f08052de7276c.content index 9cbdb7b..ff479d8 100644 --- a/resources/_gen/assets/scss/scss/hallo.scss_11dec6d354e63d78237f08052de7276c.content +++ b/resources/_gen/assets/scss/scss/hallo.scss_11dec6d354e63d78237f08052de7276c.content @@ -1,6 +1,6 @@ html, body { - color: #edf7ff; + color: #fcfdf3; margin: 1rem; padding: 0; } @@ -10,15 +10,15 @@ html { overflow-y: auto; } body { - background-color: #81c6ff; } + background-color: #acbb21; } a { -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; transition: color 0.2s ease-out; - color: #edf7ff; } + color: #fcfdf3; } a:hover { - color: #ffba82; } + color: #6b7515; } h1 { font-size: 9rem; } @@ -27,50 +27,74 @@ h2 { font-size: 3rem; font-weight: normal; } +h3 { + font-size: 2rem; + font-weight: normal; } + +@media screen and (max-width: 992px) { + h1 { + font-size: 15vw; } + h2 { + font-size: 2.5rem; } } + img.portrait { + box-sizing: border-box; border-radius: 50%; - border: 10px solid #edf7ff; + border: 10px solid #fcfdf3; margin: 2em 3em; - width: 300px; - height: 300px; } + width: 100%; + height: auto; + max-width: 300px; + max-height: 300px; } .column { flex: 1; } -main { - display: flex; - margin-top: 20vh; } +main .block { + display: flex; } + +main .block.introduction { + margin-top: 20vh; + min-height: calc(100vh - 20vh); } + +main .column.left { + text-align: end; } + +main .column.right h1 { + margin-left: -10px; + /* Correction for margin of leftmost character. */ + margin-bottom: 0.4em; } + +main .column.right h2 { + margin-left: -4px; + /* Correction for margin of leftmost character. */ + margin-top: 0; } + +main .column.right .links { + margin-top: 2.5rem; + font-size: 1.5rem; } + main .column.right .links a { + margin-right: 0.5rem; + text-decoration: none; } + +@media screen and (max-width: 992px) { + main .block { + flex-direction: column; } + main .block.introduction { + margin-top: 0; } main .column.left { - text-align: end; } + text-align: center; } main .column.right h1 { - margin-left: -10px; - /* Correction for margin of leftmost character. */ - margin-bottom: 0.4em; } - main .column.right h2 { - margin-left: -4px; - /* Correction for margin of leftmost character. */ margin-top: 0; } - main .column.right .links { - margin-top: 2.5rem; - font-size: 1.5rem; } - main .column.right .links a { - margin-right: 0.5rem; - text-decoration: none; } - @media screen and (max-width: 980px) { - main { - display: block; - margin-top: 0; } - main .column.left { - text-align: center; } - main .column.right h1 { - margin-top: 0; } } + main img.portrait { + margin: 0; } } footer { display: flex; margin-top: 3rem; font-size: 0.75rem; } - @media screen and (max-width: 980px) { + @media screen and (max-width: 992px) { footer { - display: block; } } + flex-direction: column; } } /*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/resources/_gen/assets/scss/scss/hallo.scss_d4f8b6498aaf27d34862c7e8a62b88f3.content b/resources/_gen/assets/scss/scss/hallo.scss_d4f8b6498aaf27d34862c7e8a62b88f3.content index eeb5e73..f28a45a 100644 --- a/resources/_gen/assets/scss/scss/hallo.scss_d4f8b6498aaf27d34862c7e8a62b88f3.content +++ b/resources/_gen/assets/scss/scss/hallo.scss_d4f8b6498aaf27d34862c7e8a62b88f3.content @@ -1 +1 @@ -html,body{color:#edf7ff;margin:1rem;padding:0}html{font-family:Montserrat,"Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-size:16px;overflow-y:auto}body{background-color:#81c6ff}a{-webkit-transition:color 0.2s ease-out;-moz-transition:color 0.2s ease-out;transition:color 0.2s ease-out;color:#edf7ff}a:hover{color:#ffba82}h1{font-size:9rem}h2{font-size:3rem;font-weight:normal}img.portrait{border-radius:50%;border:10px solid #edf7ff;margin:2em 3em;width:300px;height:300px}.column{flex:1}main{display:flex;margin-top:20vh}main .column.left{text-align:end}main .column.right h1{margin-left:-10px;margin-bottom:0.4em}main .column.right h2{margin-left:-4px;margin-top:0}main .column.right .links{margin-top:2.5rem;font-size:1.5rem}main .column.right .links a{margin-right:0.5rem;text-decoration:none}@media screen and (max-width: 980px){main{display:block;margin-top:0}main .column.left{text-align:center}main .column.right h1{margin-top:0}}footer{display:flex;margin-top:3rem;font-size:0.75rem}@media screen and (max-width: 980px){footer{display:block}} +html,body{color:#fcfdf3;margin:1rem;padding:0}html{font-family:Montserrat,"Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-size:16px;overflow-y:auto}body{background-color:#acbb21}a{-webkit-transition:color 0.2s ease-out;-moz-transition:color 0.2s ease-out;transition:color 0.2s ease-out;color:#fcfdf3}a:hover{color:#6b7515}h1{font-size:9rem}h2{font-size:3rem;font-weight:normal}h3{font-size:2rem;font-weight:normal}@media screen and (max-width: 992px){h1{font-size:15vw}h2{font-size:2.5rem}}img.portrait{box-sizing:border-box;border-radius:50%;border:10px solid #fcfdf3;margin:2em 3em;width:100%;height:auto;max-width:300px;max-height:300px}.column{flex:1}main .block{display:flex}main .block.introduction{margin-top:20vh;min-height:calc(100vh - 20vh)}main .column.left{text-align:end}main .column.right h1{margin-left:-10px;margin-bottom:0.4em}main .column.right h2{margin-left:-4px;margin-top:0}main .column.right .links{margin-top:2.5rem;font-size:1.5rem}main .column.right .links a{margin-right:0.5rem;text-decoration:none}@media screen and (max-width: 992px){main .block{flex-direction:column}main .block.introduction{margin-top:0}main .column.left{text-align:center}main .column.right h1{margin-top:0}main img.portrait{margin:0}}footer{display:flex;margin-top:3rem;font-size:0.75rem}@media screen and (max-width: 992px){footer{flex-direction:column}} -- cgit v1.2.3