@tacc/core-styles 1.0.0 → 2.0.1

package/src/lib/_imports/objects/o-section.html

@@ -1,134 +0,0 @@
-{# The {{ html }} allows DjangoCMS Snippet to pass in class names #}
-<section class="o-section {{modifier_class}} {{ html }}">
-  <p><strong>Section</strong></p>
-  <p>
-    I am a Section.
-    <small
-      >Use light Sections to wrap most content. Use muted Sections to gently
-      highlight some content. Use dark Sections to strongly highlight some
-      content.</small
-    >
-  </p>
-</section>
-
-<br />
-
-{# The {{ html }} allows DjangoCMS Snippet to pass in class names #}
-<section class="o-section {{modifier_class}} {{ html }}">
-  <p><strong>Section (First of a Pair)</strong></p>
-  <p>
-    A Section of the same style directly after me will create a border between
-    both.
-    <small
-      >Muted sections should <strong>not</strong> appear consectuively.</small
-    >
-  </p>
-</section>
-<section class="o-section {{modifier_class}} {{ html }}">
-  <p><strong>Section (Second of a Pair)</strong></p>
-  <p>
-    A Section of the same style directly after me will create a border between
-    both.
-    <small
-      >Muted sections should <strong>not</strong> appear consectuively.</small
-    >
-  </p>
-</section>
-
-<br />
-
-{# The {{ html }} allows DjangoCMS Snippet to pass in class names #}
-<section class="container  o-section {{modifier_class}} {{ html }}">
-  <p><strong>Container Section (First of a Pair)</strong></p>
-  <p>
-    A <code>.container</code> Section has Container padding and a fake
-    border.<small
-      >Muted sections should <strong>not</strong> appear consectuively.</small
-    >
-  </p>
-</section>
-<section class="container  o-section {{modifier_class}} {{ html }}">
-  <p><strong>Container Section (First of a Pair)</strong></p>
-  <p>
-    A <code>.container</code> Section has Container padding and a fake
-    border.<small
-      >Muted sections should <strong>not</strong> appear consectuively.</small
-    >
-  </p>
-</section>
-
-<br />
-
-{# The {{ html }} allows DjangoCMS Snippet to pass in class names #}
-<section class="o-section {{modifier_class}} {{ html }}">
-  <p><strong>Section (before Muted Section)</strong></p>
-  <p>
-    A pair of <strong>light</strong> or <strong>dark</strong> Sections may have
-    a <strong>muted</strong> Section between them.
-    <small
-      >Muted sections should <strong>not</strong> appear consectuively.</small
-    >
-  </p>
-</section>
-<section class="o-section o-section--style-muted">
-  <p><strong>(Muted) Section</strong></p>
-  <p>
-    A <strong>muted</strong> Section would appear between two
-    <strong>light</strong> or <strong>dark</strong> Sections.
-    <small
-      >It would probably not appear between two
-      <strong>muted</strong> Sections.</small
-    >
-  </p>
-</section>
-<section class="o-section {{modifier_class}} {{ html }}">
-  <p><strong>Section (before Muted Section)</strong></p>
-  <p>
-    A pair of <strong>light</strong> or <strong>dark</strong> Sections may have
-    a <strong>muted</strong> Section between them.
-    <small
-      >Muted sections should <strong>not</strong> appear consectuively.</small
-    >
-  </p>
-</section>
-
-<br />
-
-{# The {{ html }} allows DjangoCMS Snippet to pass in class names #}
-<section class="o-section {{modifier_class}} {{ html }}">
-  <p><strong>Section (with Nested Sections)</strong></p>
-  <p>
-    Sections can be nested within me.
-    <small>A nested Section removes the standard Section spacing.</small>
-    <small
-      >⚠️ It is not used in any design, so its implementation is incomplete (no
-      borders).</small
-    >
-  </p>
-  <div class="o-section o-section--style-dark">
-    <p><strong>(Nested) Dark Section</strong></p>
-    <p>I am nested.</p>
-  </div>
-  <div class="o-section o-section--style-muted">
-    <p><strong>(Nested) Muted Section</strong></p>
-    <p>
-      I am nested.<!-- <small>No use case for this is expected, but it is available.<small>-->
-    </p>
-  </div>
-  <div class="o-section o-section--style-light">
-    <p><strong>(Nested) Light Section</strong></p>
-    <p>I am nested.</p>
-  </div>
-</section>
-
-<br />
-
-{# The {{ html }} allows DjangoCMS Snippet to pass in class names #}
-<section class="o-section {{modifier_class}} {{ html }}">
-  <p><strong>Section (at Bottom of Page)</strong></p>
-  <p>
-    At the bottom of a page: a light Section will stand out above the Footer, a
-    muted Section will stand out above the Footer, a dark Section will visually
-    merge with the Footer.
-  </p>
-</section>