From 0b5cffb9d9b4372f1f26e151e6658715c2cfc7d8 Mon Sep 17 00:00:00 2001 From: Manuel Thalmann Date: Tue, 6 Dec 2022 13:20:00 +0100 Subject: [PATCH] Move styles to a separate file --- src/index.html | 37 ------------------------------------- src/styles/style.css | 35 +++++++++++++++++++++++++++++++++++ 2 files changed, 35 insertions(+), 37 deletions(-) diff --git a/src/index.html b/src/index.html index 4b36784..6dcee83 100644 --- a/src/index.html +++ b/src/index.html @@ -3,43 +3,6 @@ Vier gewinnt - diff --git a/src/styles/style.css b/src/styles/style.css index e69de29..50b81a4 100644 --- a/src/styles/style.css +++ b/src/styles/style.css @@ -0,0 +1,35 @@ +div { + box-sizing: border-box; +} + +.board { + width: 84vw; + margin: auto; + outline: 1px solid black; +} + +.board .field { + border: 1px solid black; + width: 12vw; + height: 12vw; + display: none; +} + +.board .field:first-child { + display: block; +} + +.board .field .piece { + width: 10vw; + height: 10vw; + border-radius: 50%; + margin: 1vw; +} + +.board .field .blue { + background-color: blue; +} + +.board .field .red { + background-color: red; +}