X-Git-Url: https://git.cworth.org/git?a=blobdiff_plain;f=tictactoe%2Ftictactoe.css;h=52a8e87b0d81895374560a61a11ad29087d79fe6;hb=9c92603bbe96c1bb54db5247ba73e7ea447845c1;hp=0e56082c8fa7e495d1c82200f2103ea5d073a557;hpb=f0c30f7cd59ecfca24e6a7332910f87a6b2045e6;p=lmno.games diff --git a/tictactoe/tictactoe.css b/tictactoe/tictactoe.css index 0e56082..52a8e87 100644 --- a/tictactoe/tictactoe.css +++ b/tictactoe/tictactoe.css @@ -1,8 +1,3 @@ -body { - font: 14px "Century Gothic", Futura, sans-serif; - margin: 20px; -} - ol, ul { padding-left: 30px; } @@ -19,17 +14,23 @@ ol, ul { .square { background: #fff; + color: black; border: 1px solid #999; float: left; - font-size: 24px; + font-size: 64px; font-weight: bold; - line-height: 34px; - height: 34px; + line-height: 90px; + width: 90px; + height: 90px; margin-right: -1px; margin-top: -1px; padding: 0; text-align: center; - width: 34px; + border-radius: 4px; +} + +.square:hover { + background-color: var(--accent-color-bright); } .square:focus { @@ -39,12 +40,3 @@ ol, ul { .kbd-navigation .square:focus { background: #ddd; } - -.game { - display: flex; - flex-direction: row; -} - -.game-info { - margin-left: 20px; -}