From 5bab4502a098eb0e3b5a59b68bc9d8d23529ea55 Mon Sep 17 00:00:00 2001 From: Arne Rief Date: Fri, 10 Feb 2023 21:40:00 +0100 Subject: Desktop version --- sass/layout/_main-sections.scss | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 sass/layout/_main-sections.scss (limited to 'sass/layout/_main-sections.scss') diff --git a/sass/layout/_main-sections.scss b/sass/layout/_main-sections.scss new file mode 100644 index 0000000..fb2d433 --- /dev/null +++ b/sass/layout/_main-sections.scss @@ -0,0 +1,32 @@ +@use "../abstracts/" as *; + +.about-section { + @include flex-sp-around-center; + @include narrow-container; +} + +.welcome-section { + @include standard-grid; + gap: 8rem; + @include narrow-container; + width: 60%; + + .welcome-intro { + border-radius: $radius-text-container; + outline: 3px solid $text-special-dark; + outline-offset: 1rem; + } +} + +.projects-section { + @include wide-container; + + // less margin between h2 and the 2nd child = first project-container + & > div:not(:nth-child(2)) { + margin-top: 10rem; + } +} + +.contact-section { + @include wide-container; +} -- cgit v1.2.3