Revert to 'old' way of dealing with assets + diagrams

[vchess.git] / client / src / stylesheets / variant.sass

diff --git a/client/src/stylesheets/variant.sass b/client/src/stylesheets/variant.sass
index ae4f0b2..4c00a62 100644 (file)
--- a/client/src/stylesheets/variant.sass
+++ b/client/src/stylesheets/variant.sass
@@ -145,110 +145,6 @@ button.seek
   &:hover
     background-color: #cc99ff
 
-.game.reserve-div
-  margin-bottom: 18px
-
-.reserve-count
-  padding-left: 40%
-
-.reserve-row-1
-  margin-bottom: 15px
-
-div.board
-  float: left
-  height: 0
-  display: inline-block
-  position: relative
-
-div.board8
-  width: 12.5%
-  padding-bottom: 12.5%
-
-div.board10
-  width: 10%
-  padding-bottom: 10%
-
-div.board11
-  width: 9.09%
-  padding-bottom: 9.1%
-
-// NOTE: no variants with reserve of size != 8
-
-.game
-  width: 80vh
-  margin: 0 auto
-  .board
-    cursor: pointer
-  @media screen and (max-width: 767px)
-    width: 100%
-    margin: 0
-
-#choices
-  margin: 0 auto 0 auto
-  position: relative
-  z-index: 300
-  overflow-y: inherit
-  background-color: rgba(0,0,0,0)
-  img
-    cursor: pointer
-    background-color: #e6ee9c
-    &:hover
-      background-color: skyblue
-    &.choice-piece
-      width: 100%
-      height: auto
-      display: block
-
-img.piece
-  width: 100%
-
-img.piece, img.mark-square
-  max-width: 100%
-  height: auto
-  display: block
-
-img.mark-square
-  opacity: 0.6
-  width: 76%
-  position: absolute
-  top: 12%
-  left: 12%
-  opacity: .7
-
-img.ghost
-  position: absolute
-  opacity: 0.4
-  top: 0
-
-.highlight
-  background-color: #00cc66 !important
-
-.in-shadow
-  filter: brightness(50%)
-
-.incheck
-  background-color: #cc3300 !important
-
-.light-square.lichess
-  background-color: #f0d9b5;
-.dark-square.lichess
-  background-color: #b58863;
-
-.light-square.chesscom
-  background-color: #e5e5ca;
-.dark-square.chesscom
-  background-color: #6f8f57;
-
-.light-square.chesstempo
-  background-color: #fdfdfd;
-.dark-square.chesstempo
-  background-color: #88a0a8;
-
-.light-square-diag
-  background-color: #e5e5ca
-.dark-square-diag
-  background-color: #6f8f57
-
 #fen-string
   margin-top: 0
   margin-bottom: 10px
@@ -277,70 +173,6 @@ img.ghost
 
 // Rules section:
 
-.warn
-  padding: 3px
-  color: red
-  background-color: lightgrey
-  font-weight: bold
-
-figure.diagram-container
-  margin: 15px 0 15px 0
-  text-align: center
-  width: 100%
-  display: block
-  .diagram
-    display: block
-    width: 40%
-    min-width: 240px
-    margin-left: auto
-    margin-right: auto
-  .diag12
-    float: left
-    margin-left: calc(10% - 20px)
-    margin-right: 40px
-    @media screen and (max-width: 630px)
-      float: none
-      margin: 0 auto 10px auto
-  .diag22
-    float: left
-    margin-right: calc(10% - 20px)
-    @media screen and (max-width: 630px)
-      float: none
-      margin: 0 auto
-  figcaption
-    display: block
-    clear: both
-    padding-top: 5px
-    font-size: 0.8em
-
-p.boxed
-  background-color: #FFCC66
-  padding: 5px
-
-.stageDelimiter
-  color: purple
-
-// To show (new) pieces, and/or there values...
-figure.showPieces > img
-  width: 50px
-
-figure.showPieces > figcaption
-  color: #6C6C6C
-
-.section-title
-  padding: 0
-
-.section-title > h4
-  padding: 5px
-
-ol, ul:not(.browser-default)
-  padding-left: 20px
-
-ul:not(.browser-default)
-  margin-top: 5px
-
-ul:not(.browser-default) > li
-  list-style-type: disc
 
 // Problems section: