Edit in JSFiddle

$lightColor: white;
$darkColor: red;
$cellSize: 30px;

.chess-board {
  display: table;
  .odd {
    display: table-row;
    .odd {
      background-color: $darkColor;
    }
    .even {
      background-color: $lightColor;
    }
  }
  .even {
    display: table-row;
    .odd {
      background-color: $lightColor;
    }
    .even {
      background-color: $darkColor;
    }
  }
  .cell {
    display: table-cell;
    div {
      min-height: $cellSize;
      min-width: $cellSize;
    }
  }
}