diff --git a/katas/geometric-art/style.css b/katas/geometric-art/style.css index 8b20b64..e229ea9 100644 --- a/katas/geometric-art/style.css +++ b/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; +} diff --git a/katas/result/assets/bolz.png b/katas/result/assets/bolz.png new file mode 100644 index 0000000..ee0b8a0 Binary files /dev/null and b/katas/result/assets/bolz.png differ diff --git a/katas/result/assets/brain.png b/katas/result/assets/brain.png new file mode 100644 index 0000000..5d60397 Binary files /dev/null and b/katas/result/assets/brain.png differ diff --git a/katas/result/assets/comment.png b/katas/result/assets/comment.png new file mode 100644 index 0000000..35ab7bc Binary files /dev/null and b/katas/result/assets/comment.png differ diff --git a/katas/result/assets/eye.png b/katas/result/assets/eye.png new file mode 100644 index 0000000..29826bd Binary files /dev/null and b/katas/result/assets/eye.png differ