diff --git a/assets/styles/_helpers.scss b/assets/styles/_helpers.scss index ce1a65d..6e3ae03 100644 --- a/assets/styles/_helpers.scss +++ b/assets/styles/_helpers.scss @@ -5,12 +5,4 @@ align-content: center; justify-content: space-around; flex-direction: row; - - @media all and (max-width: 1400px) { - margin-top: 4rem; - } - - @media screen and (max-width: 800px) { - margin-top: 2rem; - } } diff --git a/assets/styles/components/_featured-project.scss b/assets/styles/components/_featured-project.scss deleted file mode 100644 index d46c5b7..0000000 --- a/assets/styles/components/_featured-project.scss +++ /dev/null @@ -1,46 +0,0 @@ -.project { - display: flex; - flex-direction: row; - padding: 2rem 15rem; - background-color: #313131; - - @media all and (max-width: 1400px) { - padding: 1rem; - } - - @media screen and (max-width: 800px) { - flex-direction: column; - - .project__image { - margin: 0; - text-align: center; - } - } - - &:nth-child(2n + 1) { - background-color: #3e3e3e; - } - - &__image { - max-width: 25rem; - - &--left { - margin-right: 1.5rem; - } - - &--right { - margin-left: 1.5rem; - } - - img { - width: 100%; - } - } - - &__infobox { - font-size: 1.2em; - display: flex; - flex-direction: column; - flex-grow: 1; - } -} diff --git a/assets/styles/components/_icon-link-list.scss b/assets/styles/components/_icon-link-list.scss index 1967a57..fa8b7c6 100644 --- a/assets/styles/components/_icon-link-list.scss +++ b/assets/styles/components/_icon-link-list.scss @@ -1,11 +1,7 @@ .icon-list { text-align: left; - min-width: 200px; margin: 0 1.5rem; - - @media screen and (max-width: 1100px) { - flex-basis: 400px; - } + font-size: 1.5rem; ul { list-style: none; @@ -26,4 +22,13 @@ color: #fff; margin-right: 0.25rem; } + + h2 { + text-align: center; + font-size: 1.5rem; + } + + @media screen and (max-width: 800px) { + font-size: 1.25rem; + } } diff --git a/assets/styles/components/_section.scss b/assets/styles/components/_section.scss index c65a883..7f59778 100644 --- a/assets/styles/components/_section.scss +++ b/assets/styles/components/_section.scss @@ -11,11 +11,15 @@ .section-header { overflow: hidden; - padding: 20px; + padding: 0.75rem; background-color: #383838; border-bottom: 5px solid #252525; text-transform: uppercase; text-align: center; + + & > h1 { + font-size: 1.75rem; + } } .section-content { @@ -28,11 +32,11 @@ overflow: auto; flex-grow: 1; min-height: calc(100vh - 80px); - padding: 0 20%; + padding: 1rem 20%; font-size: 1.5rem; @media screen and (max-width: 800px) { - padding: 0 2rem; + padding: 1rem; } } } diff --git a/assets/styles/components/index.scss b/assets/styles/components/index.scss index 27fd814..62959b9 100644 --- a/assets/styles/components/index.scss +++ b/assets/styles/components/index.scss @@ -1,5 +1,4 @@ @use 'language-list'; @use 'section'; @use 'icon-link-list'; -@use 'featured-project'; @use 'blog'; diff --git a/assets/styles/index.scss b/assets/styles/index.scss index c2218ed..7c9bef5 100644 --- a/assets/styles/index.scss +++ b/assets/styles/index.scss @@ -16,10 +16,21 @@ body { } body { - font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, - Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + font-family: + system-ui, + -apple-system, + BlinkMacSystemFont, + 'Segoe UI', + Roboto, + Oxygen, + Ubuntu, + Cantarell, + 'Open Sans', + 'Helvetica Neue', + sans-serif; } +p, h1, h2, h3, @@ -38,6 +49,10 @@ a { } footer { + display: flex; + flex-direction: column; + padding: 1rem 0; + gap: 1rem; overflow: hidden; background-color: $gray-1; color: #fff; diff --git a/components/featured-project.vue b/components/featured-project.vue deleted file mode 100644 index 979420e..0000000 --- a/components/featured-project.vue +++ /dev/null @@ -1,41 +0,0 @@ - - - diff --git a/components/icon-link-list.vue b/components/icon-link-list.vue index f872d2a..1b2db25 100644 --- a/components/icon-link-list.vue +++ b/components/icon-link-list.vue @@ -1,6 +1,5 @@