HOD2018_website/themes/HOD2k18/layouts/partials/talk-calendar.html

<!--https://discourse.gohugo.io/t/how-to-use-hugo-template-variables-in-css/4464/13-->
<style>
  {{ range .Site.RegularPages }}
      #{{ replace .Title " " "_" }}:target > .descrizione-talk{
        display:block !important;
        margin-bottom:0;
      }
    #{{ replace .Title " " "_" }}:target > .filler{
      margin-bottom: -1em !important;
    }
    #{{ replace .Title " " "_" }}:target > .filler >.title-wrapper{
      border-bottom:5pt solid #000001 !important;
    }
  {{ end }}
</style>

<section id="calendario">
  <ul>
    <div id="overflow-scroll">
      {{ range .Site.RegularPages }}
      <li id="{{ replace .Title " " "_" }}">
        <div class="filler">
            <div class="title-wrapper">
              <div class="orario"> --.-- </div>
            <!--<h4><a class="titolo" href="{{ .Permalink }}">{{ .Title }}</a></h4>-->
              <a class="titolo" href="#{{ replace .Title " " "_" }}">
                <h4>{{ .Title }}</h4>
              </a>
            </div>
        </div>
        <div class="descrizione-talk">
          <div>
            {{ .Content }}
          </div>
        </div>
      </li>
    {{ end }}
    </div>
  </ul>
</section>