Basic style improve (for smartphones)

[vchess.git] / public / stylesheets / variant.sass

diff --git a/public/stylesheets/variant.sass b/public/stylesheets/variant.sass
index 786d54e..b2c678a 100644 (file)
--- a/public/stylesheets/variant.sass
+++ b/public/stylesheets/variant.sass
@@ -1,16 +1,29 @@
 .container#variantPage
   padding: 0
 
+//.container#variantPage > .row > div
+@media screen and (max-width: 767px)
+  .col-sm-12
+    padding: 0
+
+@media screen and (max-width: 767px)
+  h4
+    margin: 0 0 10px 0
+  p
+    margin-left: 0
+    margin-right: 0
+    padding: 0 3px
+
 .warn
   padding: 3px
   color: red
   background-color: lightgrey
   font-weight: bold
 
-.playing
+.playing, button.playing:hover
   background-color: #ffcc99
 
-.seek
+.seek, button.seek:hover
   background-color: #cc99ff
 
 // https://stackoverflow.com/questions/5445491/height-equal-to-dynamic-width-css-fluid-layout
@@ -103,7 +116,10 @@ figure.diagram-container > figcaption
   background-color: #b58863
 
 .highlight
-  background-color: #00cc00
+  background-color: #00cc66
+
+.incheck
+  background-color: #cc3300
 
 .light-square-diag
   background-color: #e5e5ca