diff options
| author | Arne Rief <arne.rief@gmail.com> | 2023-05-01 18:46:30 +0200 |
|---|---|---|
| committer | Arne Rief <arne.rief@gmail.com> | 2023-05-01 18:46:30 +0200 |
| commit | 7d286f7ffda5b67c9fcc3de76b144d2f43d82881 (patch) | |
| tree | 90cc86a28d05ef7d861c7fed0151fff375d18f6e /sass | |
| parent | b2438296c9be5820f1cfccb2623a7f66566b82b1 (diff) | |
Accessibility upgrade
Diffstat (limited to 'sass')
| -rw-r--r-- | sass/abstracts/_variables.scss | 2 | ||||
| -rw-r--r-- | sass/base/_typography.scss | 1 | ||||
| -rw-r--r-- | sass/components/_project-container.scss | 4 | ||||
| -rw-r--r-- | sass/components/_text-container.scss | 2 | ||||
| -rw-r--r-- | sass/layout/_main-sections.scss | 5 |
5 files changed, 11 insertions, 3 deletions
diff --git a/sass/abstracts/_variables.scss b/sass/abstracts/_variables.scss index 5aea3e6..aa94d9f 100644 --- a/sass/abstracts/_variables.scss +++ b/sass/abstracts/_variables.scss @@ -14,6 +14,6 @@ $medium-text-mobile: 1.3rem; $small-text: 1.1rem; // layout -$margin-main: 3rem 4rem 2rem 4rem; +$margin-main: 3rem 1rem 2rem 1rem; $margin-mobile: 2rem; $radius-text-container: 10px; diff --git a/sass/base/_typography.scss b/sass/base/_typography.scss index 38f3a3f..4c02e20 100644 --- a/sass/base/_typography.scss +++ b/sass/base/_typography.scss @@ -2,6 +2,7 @@ .text-link { color: $text-special-dark; + transition: all 0.2s; &:hover { background-color: $text-special-dark; diff --git a/sass/components/_project-container.scss b/sass/components/_project-container.scss index ae4b841..41ef550 100644 --- a/sass/components/_project-container.scss +++ b/sass/components/_project-container.scss @@ -1,7 +1,9 @@ @use "../abstracts/" as *; .project-container { - @include flex-sp-around-center; + display: flex; + align-items: center; + justify-content: space-between; gap: 2rem; // mobile to smaller laptop screen sizes diff --git a/sass/components/_text-container.scss b/sass/components/_text-container.scss index ea3a2fc..4912429 100644 --- a/sass/components/_text-container.scss +++ b/sass/components/_text-container.scss @@ -18,7 +18,7 @@ padding: 1rem; } - // margin between paragraphs but not below the last paragraph + // spacing between paragraphs but not below the last paragraph & p:not(:last-child) { margin-bottom: 1.5rem; } diff --git a/sass/layout/_main-sections.scss b/sass/layout/_main-sections.scss index 190d020..ad78012 100644 --- a/sass/layout/_main-sections.scss +++ b/sass/layout/_main-sections.scss @@ -36,6 +36,11 @@ border-radius: $radius-text-container; outline: 3px solid $text-special-dark; outline-offset: 1rem; + + // spacing between paragraphs but not below the last paragraph + p:not(:last-child) { + margin-bottom: 1rem; + } } } |