Custom theme (replace with client name)

Page With Sidebar 

<div class="page-with-sidebar page-with-sidebar--">
    <div class="page-with-sidebar__grid">
        <div class="page-with-sidebar__sidebar">

        </div>
        <div class="page-with-sidebar__top-content">

        </div>
    </div>
</div>
 
<div class="page-with-sidebar page-with-sidebar--{{ background }}">
    <div class="page-with-sidebar__grid">
        <div class="page-with-sidebar__sidebar">
            {% block sidebar %}

            {% endblock %}
        </div>
        <div class="page-with-sidebar__top-content">
            {% block content %}

            {% endblock %}
        </div>
    </div>
</div>
 
/* No context defined. */
  • Content: 
    .page-with-sidebar
    container-type inline-size

    &__grid
        +above(1000px)
            display grid
            grid-template-columns minmax(0, 2fr) minmax(0, 5fr)
            gap 0 7%

    &__top-content
        display grid
        grid-gap componentGridSpacing
  • URL: /components/raw/page-with-sidebar/page-with-sidebar.styl
  • Filesystem Path: patterns/templates/page-with-sidebar/page-with-sidebar.styl
  • Size: 275 Bytes
  • Handle: @page-with-sidebar
  • Preview:
  • Filesystem Path: patterns/templates/page-with-sidebar/page-with-sidebar.twig

No notes defined.