client/src/styles/_board_squares_img.sass

   1 // Styles for diagrams and board (partial).
   2
   3 div.board
   4   user-select: none
   5   float: left
   6   height: 0
   7   display: inline-block
   8   position: relative
   9
  10 div.board3
  11   width: 33.33%
  12   padding-bottom: 33.33%
  13
  14 div.board5
  15   width: 20%
  16   padding-bottom: 20%
  17
  18 div.board6
  19   width: 16.66%
  20   padding-bottom: 16.66%
  21
  22 div.board7
  23   width: 14.28%
  24   padding-bottom: 14.28%
  25
  26 div.board8
  27   width: 12.5%
  28   padding-bottom: 12.5%
  29
  30 div.board9
  31   width: 11.1%
  32   padding-bottom: 11.1%
  33
  34 div.board10
  35   width: 10%
  36   padding-bottom: 10%
  37
  38 div.board11
  39   width: 9.09%
  40   padding-bottom: 9.09%
  41
  42 div.board12
  43   width: 8.33%
  44   padding-bottom: 8.33%
  45
  46 img.piece
  47   width: 100%
  48   z-index: 10
  49
  50 img.piece, img.mark-square, img.circle-square
  51   max-width: 100%
  52   height: auto
  53   display: block
  54
  55 img.mark-square, img.circle-square
  56   position: absolute
  57   z-index: 20
  58
  59 img.mark-square
  60   opacity: .7
  61   width: 76%
  62   top: 12%
  63   left: 12%
  64
  65 img.circle-square
  66   opacity: 0.7
  67   width: 100%
  68   top: 0
  69   left: 0
  70
  71 .in-shadow
  72   filter: brightness(50%)
  73
  74 .touch-hover
  75   background-color: #C571E6 !important
  76
  77 .monochrome
  78   border-bottom: 1px solid black
  79   border-right: 1px solid black
  80   box-sizing: border-box
  81
  82 .border-left
  83   border-left: 1px solid black
  84   box-sizing: border-box
  85
  86 .border-top
  87   border-top: 1px solid black
  88   box-sizing: border-box
  89
  90 .light-square.lichess
  91   background-color: #f0d9b5
  92 .dark-square.lichess
  93   background-color: #b58863
  94 .middle-square.lichess
  95   background-color: #D3B18C
  96
  97 .light-square.chesscom
  98   background-color: #e5e5ca
  99 .dark-square.chesscom
 100   background-color: #6f8f57
 101 .middle-square.chesscom
 102   background-color: #AABA91
 103
 104 .light-square.chesstempo
 105   background-color: #dfdfdf
 106 .dark-square.chesstempo
 107   background-color: #7287b6
 108 .middle-square.chesstempo
 109   background-color: #A9B3CB
 110
 111 .light-square.orangecc
 112   background-color: #fce4b2
 113 .dark-square.orangecc
 114   background-color: #d08b18
 115 .middle-square.orangecc
 116   background-color: #E6B865