OffHealth component library

Page header component: Detail Compact 

<!-- RP 240327 Detail page - Added div -->
<div class="n7-background-gray-02">
    <!-- RP 240325 - Removed div
<div class="py-10 lg:py-12 n7-background-gray-02"> -->
    <!-- RP 240325 - Changed classes -->
    <!-- RP 240326 List page - Changed classes -->
    <div class="container py-10 lg:py-12 md:pl-10 lg:pl-16 2xl:px-36 grid gap-6 n7-background-gray-02">
        <nav class="n7-breadcrumb " aria-label="Breadcrumb">
            <ol class="flex flex-wrap">

                <li>
                    <a class="inline-flex items-center p-1 text-xs n7-content-03 hover:underline" href="#">
                        Home

                        <svg class="inline-block align-middle fill-current w-4 h-4 text-neutral-400 ml-2" aria-hidden="true" focusable="false" role="img">
                            <use xlink:href="../../icons.svg#mini--chevron-right" />
                        </svg>

                    </a>
                </li>

                <li>
                    <a class="inline-flex items-center p-1 text-xs n7-content-03 hover:underline" href="#">
                        livello 1

                        <svg class="inline-block align-middle fill-current w-4 h-4 text-neutral-400 ml-2" aria-hidden="true" focusable="false" role="img">
                            <use xlink:href="../../icons.svg#mini--chevron-right" />
                        </svg>

                    </a>
                </li>

                <li>
                    <a class="inline-flex items-center p-1 text-xs n7-content-03 font-bold hover:underline" href="#" aria-current="page">
                        livello 2

                    </a>
                </li>

            </ol>
        </nav>

        <div class="grid gap-2">

            <!-- RP 240326 List page - Changed classes -->
            <h1 class="n7-display-heading-6 lg:n7-heading-1 n7-content-01">Chi siamo</h1>
        </div>
        <p class="text-lg lg:text-xl n7-content-01">OFFHEALTH S.p.a. è una dinamica realtà farmaceutica, guidata da un team di professionisti altamente qualificati, con esperienze precedenti in importanti gruppi industriali.<br>L'azienda si distingue per la sua specializzazione unica sulle patologie e i discomfort dell'occhio, ponendo un forte accento sulla qualità e l'innovazione come pilastri fondamentali per ogni suo prodotto.</p>
    </div>
    <!-- RP 240325 - Removed div
</div> -->
    <!-- RP 240327 Detail page - Added div -->
</div>
 
<!-- RP 240327 Detail page - Added div -->
<div class="n7-background-gray-02">
<!-- RP 240325 - Removed div
<div class="py-10 lg:py-12 {{ classes }}"> -->
    <!-- RP 240325 - Changed classes -->
<!-- RP 240326 List page - Changed classes -->
    <div class="container py-10 lg:py-12 md:pl-10 lg:pl-16 2xl:px-36 grid gap-6 {{ classes }}">
        {% render '@breadcrumb', {items: [{label : 'Home'}, { label : 'livello 1'}, { label : 'livello 2'}]}, true %}
        <div class="grid gap-2">
            {% if category %}{% render '@category--outline', { text: category}, true %}{% endif %}
<!-- RP 240326 List page - Changed classes -->
            <h1 class="n7-display-heading-6 lg:n7-heading-1 n7-content-01">{{ title }}</h1>
        </div>
        {% if description %}<p class="text-lg lg:text-xl n7-content-01">{{description|safe}}</p>{% endif %}
    </div>
<!-- RP 240325 - Removed div
</div> -->
<!-- RP 240327 Detail page - Added div -->
</div>
 
{
  "minisiteHidden": true,
  "classes": "n7-background-gray-02",
  "title": "Chi siamo",
  "description": "OFFHEALTH S.p.a. è una dinamica realtà farmaceutica, guidata da un team di professionisti altamente qualificati, con esperienze precedenti in importanti gruppi industriali.<br>L'azienda si distingue per la sua specializzazione unica sulle patologie e i discomfort dell'occhio, ponendo un forte accento sulla qualità e l'innovazione come pilastri fondamentali per ogni suo prodotto.",
  "category": ""
}

No notes defined.