Merge pull request #1 from DonLars/triangle

feat: add yellow triangle and some comments

katas/geometric-art/style.css

@@ -1,3 +1,6 @@
+/*    Border
+========================================================================== */
+
 .outer {
   border: 3px solid #000;
   background: #aaa;
@@ -7,6 +10,9 @@
   position: relative;
 }
 
+/*    White Space Background
+========================================================================== */
+
 .inner {
   background: #fff;
   position: absolute;
@@ -16,6 +22,9 @@
   height: 72vw;
 }
 
+/*    Stripes with gradient
+========================================================================== */
+
 .inner::before {
   content: "";
   position: absolute;
@@ -68,3 +77,20 @@
   width: 45vw;
   height: 45vw;
 }
+
+/*    Triangle in Background 
+========================================================================== */
+
+.triangle {
+  background: transparent;
+  position: absolute;
+  z-index: 0;
+  width: 0px;
+  height: 0px;
+  top: 9vw;
+  left: 9vw;
+  transform: rotate(360deg);
+  border-style: solid;
+  border-width: 45vw 45vw 0 0;
+  border-color: yellow transparent transparent transparent;
+}