crossword-8.x-1.x-dev/templates/crossword-square.html.twig

{#
/**
 * @file
 * default theme implementation to display a crossword square.
 *
 * Available variables:
 * - numeral : The number that should appear in the top-left of this square.
 * - fill : The text that should be initially rendered in this square.
 * - image : Background image whose top left corner is in this square. (uncommon)
 * - attributes : HTML attributes for the containing element.
 * - field_formatter: Machine name of field formatter.
 */
#}
<div{{ attributes.addClass('crossword-square') }}>
  {{ image }}
  {% if numeral is not empty %}
    <span class="numeral">{{ numeral }}</span>
  {% endif %}
  <input type='text' class='phantom crossword-input' tabindex="-1">
  <div class="square-bulk"></div>
  <div class="square-fill">{{ fill }}</div>
</div>