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