Saving state (unfinished styling on variant page)

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

diff --git a/public/stylesheets/variant.sass b/public/stylesheets/variant.sass
index 505e26f..efaf1e9 100644 (file)
--- a/public/stylesheets/variant.sass
+++ b/public/stylesheets/variant.sass
@@ -1,17 +1,18 @@
-.container#variantPage
-  padding: 0
-
-@media screen and (max-width: 767px)
-  .col-sm-12
-    padding: 0
-  h4
-    margin: 0 0 10px 0
-  p
-    margin-left: 0
-    margin-right: 0
-    padding: 0 3px
+#menuBar
+  font-style: italic
+  background: linear-gradient(#e66465, #9198e5)
+  margin: 0 0 10px 0
+  @media screen and (min-width: 768px)
+    width: 100%
+  img
+    height: 30px
+    padding-top: 10px
+  span
+    padding-left: 10px
+    padding-right: 15px
 
-//TODO: taille modal au cas par cas. standard == 767. Can be larger (welcome, fen...)
+#menuContainer
+  height: 48px
 
 .warn
   padding: 3px
@@ -21,12 +22,12 @@
 
 button.playing
   background-color: #ffcc99
-  :hover
+  &:hover
     background-color: #ffcc99
 
 button.seek
   background-color: #cc99ff
-  :hover
+  &:hover
     background-color: #cc99ff
 
 figure.diagram-container
@@ -133,7 +134,7 @@ div.board11
   img
     cursor: pointer
     background-color: #e6ee9c
-    :hover
+    &:hover
       background-color: skyblue
     .choice-piece
       width: 90%
@@ -208,9 +209,6 @@ figure.showPieces > figcaption
 .section-title > h4
   padding: 5px
 
-.section-content
-  padding: 0 5px
-
 ol, ul:not(.browser-default)
   padding-left: 20px