diff --git a/scss/main.scss b/scss/main.scss index c77a01b..b3ae70d 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -4,6 +4,8 @@ $font-sans: "Inclusive Sans", sans-serif; $font-display: "Kurale", serif; +$gap: 5px; +$border-radius: 10px; body { background-color: var(--color-background); @@ -38,7 +40,7 @@ hr { position: fixed; top: -100%; right: 0; - padding: 10px; + padding: $gap * 2; &:focus { top: 0; } @@ -62,9 +64,9 @@ hr { .box { border: solid var(--color-normal) 2px; border-bottom-width: 5px; - border-radius: 5px; + border-radius: $border-radius; background-color: var(--color-paper); - padding: 10px; + padding: $gap*2; :first-child { margin-top: 0; } @@ -74,8 +76,8 @@ hr { display: flex; flex-wrap: wrap; width: 100%; - margin: 5px 0; - gap: 5px; + margin: $gap 0; + gap: $gap; a { @extend .box; color: var(--color-accent); @@ -101,19 +103,19 @@ hr { .page-footer { @extend .box; - margin: 5px 0; + margin: $gap 0; } .site-footer { @extend .box; - gap: 5px; - margin: 0 0 50px 0; + gap: $gap; + margin: 0 0 $gap*2 0; } .page-container { display: flex; flex-direction: column; - gap: 5px; + gap: $gap; main { @extend .box; width: 100%; @@ -123,7 +125,7 @@ hr { .home-container { display: flex; flex-direction: column; - gap: 5px; + gap: $gap; .widget-updates, .widget-socials { @extend .box; diff --git a/src/assets/css/main.css b/src/assets/css/main.css index b4cee94..58e1c3a 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -120,7 +120,7 @@ hr { .home-container .widget-socials, .page-container main, .site-footer, .page-footer, .navbar a { border: solid var(--color-normal) 2px; border-bottom-width: 5px; - border-radius: 5px; + border-radius: 10px; background-color: var(--color-paper); padding: 10px; } @@ -167,7 +167,7 @@ hr { .site-footer { gap: 5px; - margin: 0 0 50px 0; + margin: 0 0 10px 0; } .page-container { diff --git a/src/assets/css/main.css.map b/src/assets/css/main.css.map index 70b3695..a45cf45 100644 --- a/src/assets/css/main.css.map +++ b/src/assets/css/main.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../../scss/_color.scss","../../../scss/_font.scss","../../../scss/main.scss","../../../scss/_media.scss"],"names":[],"mappings":"AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAkBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;ACnCJ;EACI;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;ACdJ;EACE;EACA;EACA,aANU;;;AASZ;EACE;;AACA;EACE;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAME,aArBa;EAsBb;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EACE;EACA;;AC9CI;ED4CN;IAII;IACA;;;AC3CE;EDsCN;IAQI;;;AC3CE;EDmCN;IAWI;;;;AAIJ;AAAA;EACE;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EAEE;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;ACxFA;ED4EJ;IAeI;;;AC3FA;EDsEN;IAyBI;;;;AAIJ;EAEE;;;AAGF;EAEE;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EAEE;;;AAIJ;EACE;EACA;EACA;;ACrHI;EDkHN;IASI;IACA;;EACA;IACE;;;;AAKN;EACE","file":"main.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../../scss/_color.scss","../../../scss/_font.scss","../../../scss/main.scss","../../../scss/_media.scss"],"names":[],"mappings":"AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAkBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;ACnCJ;EACI;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;ACZJ;EACE;EACA;EACA,aARU;;;AAWZ;EACE;;AACA;EACE;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAME,aAvBa;EAwBb;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EACE;EACA;;AChDI;ED8CN;IAII;IACA;;;AC7CE;EDwCN;IAQI;;;AC7CE;EDqCN;IAWI;;;;AAIJ;AAAA;EACE;EACA;EACA,eA3Dc;EA4Dd;EACA;;AACA;AAAA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA,KAzEI;;AA0EJ;EAEE;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AC1FA;ED8EJ;IAeI;;;AC7FA;EDwEN;IAyBI;;;;AAIJ;EAEE;;;AAGF;EAEE,KAxGI;EAyGJ;;;AAGF;EACE;EACA;EACA,KA/GI;;AAgHJ;EAEE;;;AAIJ;EACE;EACA;EACA,KAzHI;;ACEA;EDoHN;IASI;IACA;;EACA;IACE;;;;AAKN;EACE","file":"main.css"} \ No newline at end of file diff --git a/src/changelog.md b/src/changelog.md index 8ab1d17..fe0805c 100644 --- a/src/changelog.md +++ b/src/changelog.md @@ -20,3 +20,6 @@ This is a list of changes to my website, organized by date. - Added a media query to move the navigation sidebar to the top on smaller screens, to the right on larger screens - Used fonts [Kurale](https://github.com/etunni/kurale) (display, headers), [Inclusive Sans](https://www.oliviaking.com/inclusivesans) (sans serif, body) - Rearranged top-level navigation +- Did another style update, more rounded corners, redid colors to prepare for theme picker +- Set homepage to a unique layout +- Created 404 page \ No newline at end of file