Horizontal lines in content to separate different sections

adaptto · Dec 14, 2023 · c458181 · c458181
1 parent 3132548
commit c458181
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/styles/styles.css b/styles/styles.css
@@ -231,6 +231,11 @@ header .header-container .logo div {
   }
 }
 
+/* horizontal line in content */
+main > div:nth-child(n+2) + div:not(.stage-header-section, .aside-bar-section, .teaser-bar-section) {
+  border-top: 1px solid var(--color-medium-dark-gray);
+}
+
 /* --- grid layout for main area --- */
 @media screen and (width <= 799px) {
   main .section {
@@ -282,6 +287,10 @@ header .header-container .logo div {
     grid-column: 2 / 4;
   }
 
+  .content-3col main > .section:not(.stage-header-section, .aside-bar-section, .teaser-bar-section) {
+    margin-right: 20px;
+  }
+
   main .section.stage-header-section {
     grid-column: 2 / 6;
     grid-row: 1;