The sections now has lateral borders

gwannon · May 14, 2023 · 206c43f · 206c43f
1 parent 6fdd2d2
commit 206c43f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git a/cyberpunk-2077.css b/cyberpunk-2077.css
@@ -1192,19 +1192,22 @@ section.cyberpunk.both.black:before {
     calc(22% + 45px) 15px, 
     34% 15px, 
     calc(34% + 15px) -1px, 
-    70% 0px,
-
-    30px 0px,
+    0% 0%, 0% 10%, 
+    30px calc(10% + 30px), 
+    30px 100%, 
+    0% 100%,
+    0% 0%
+  );
+}
+
+/*30px 0px,
     30px 50%,
     0px calc(50% + 30px),
     0px 80%,
     30px calc(80% + 30px),
     30px 100%,
     0% 100%, 0px 30px, 
-    31px 0%
-  );
-  /*background-color: green;*/
-}
+    31px 0%*/
 
 section.cyberpunk:before {
   background-color: var(--black-color);

diff --git a/test.html b/test.html
@@ -145,7 +145,7 @@ <h4 class="cyberpunk glitched">H4 title glitched</h4>
       <img class="cyberpunk" src="https://dummyimage.com/600x400/ff00ff/fff" alt="" />
       <img class="cyberpunk dotted" src="https://dummyimage.com/600x400/ff00ff/fff" alt="" />
     </section>
-    <section class="cyberpunk black">
+    <section class="cyberpunk black both">
       <div class="boxtree">
         <div class="resolved children2 width1">
           <h2>Lorem ipsum sid amet.</h2>
@@ -257,7 +257,7 @@ <h2>Lorem ipsum sid amet.</h2>
         </div>
       </div>
     </section>
-    <section class="cyberpunk">
+    <section class="cyberpunk both">
       <div class="boxtree">
         <div class="resolved children2 width1">
           <h2>Lorem ipsum sid amet.</h2>