Pattern Library by Cloudy knot

List 

<main class="main-wrapper">
    <h2 class="heading2">Normal Unordered</h2>
    <ul class="list -itemized">
        <li>パターンライブラリ&nbsp;&amp;&nbsp;スタイルガイド
            <a href="https://ishimasar.github.io/pattern-library/dest/" class="link">https://ishimasar.github.io/pattern-library/dest/</a>
            <a href="https://ishimasar.github.io/pattern-library/" class="link">https://ishimasar.github.io/pattern-library/</a>
        </li>
        <li>コーディングガイドライン
            <a href="https://ishimasar.github.io/coding-guidelines/" class="link">https://ishimasar.github.io/coding-guidelines/</a>
        </li>
        <li>Code for Mitaka / Musashino
            <a href="https://code4mm.org/" target="_blank" rel="noopener" class="link">https://code4mm.org/
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" role="img">
                    <path fill="currentColor" d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path>
                </svg>
            </a>
        </li>
        <li>WordPressコミュニティ
            <ul>
                <li>三鷹・吉祥寺 WordPress Meetup (Tokyo WordPress Meetup 共同オーガナイザー)
                    <a href="https://www.meetup.com/ja-JP/Tokyo-WordPress-Meetup/" target="_blank" rel="noopener" class="link">https://www.meetup.com/ja-JP/Tokyo-WordPress-Meetup/
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" role="img">
                            <path fill="currentColor" d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path>
                        </svg>
                    </a>
                </li>
                <li>do_action Japan 2020
                    <a href="https://doaction.org/ja/event/japan-2020/" target="_blank" rel="noopener" class="link">https://doaction.org/ja/event/japan-2020/
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" role="img">
                            <path fill="currentColor" d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path>
                        </svg>
                    </a>
                    <ul>
                        <li>
                            do_action とは
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>アクセシビリティ基盤委員会（WAIC） WG4 翻訳作業協力</li>
    </ul>
    <div class="divider my32" role="separator"></div>
    <h2 class="heading2">Normal Ordered</h2>
    <ol class="list -ordered">
        <li>パターンライブラリ&nbsp;&amp;&nbsp;スタイルガイド
            <a href="https://ishimasar.github.io/pattern-library/dest/" class="link">https://ishimasar.github.io/pattern-library/dest/</a>
            <a href="https://ishimasar.github.io/pattern-library/" class="link">https://ishimasar.github.io/pattern-library/</a>
        </li>
        <li>コーディングガイドライン
            <a href="https://ishimasar.github.io/coding-guidelines/" class="link">https://ishimasar.github.io/coding-guidelines/</a>
        </li>
        <li>Code for Mitaka / Musashino
            <a href="https://code4mm.org/" target="_blank" rel="noopener" class="link">https://code4mm.org/
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" role="img">
                    <path fill="currentColor" d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path>
                </svg>
            </a>
        </li>
        <li>WordPressコミュニティ
            <ol>
                <li>三鷹・吉祥寺 WordPress Meetup (Tokyo WordPress Meetup 共同オーガナイザー)
                    <a href="https://www.meetup.com/ja-JP/Tokyo-WordPress-Meetup/" target="_blank" rel="noopener" class="link">https://www.meetup.com/ja-JP/Tokyo-WordPress-Meetup/
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" role="img">
                            <path fill="currentColor" d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path>
                        </svg>
                    </a>
                </li>
                <li>do_action Japan 2020
                    <a href="https://doaction.org/ja/event/japan-2020/" target="_blank" rel="noopener" class="link">https://doaction.org/ja/event/japan-2020/
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" role="img">
                            <path fill="currentColor" d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path>
                        </svg>
                    </a>
                    <ol>
                        <li>
                            do_action とは
                        </li>
                    </ol>
                </li>
            </ol>
        </li>
        <li>アクセシビリティ基盤委員会（WAIC） WG4 翻訳作業協力</li>
    </ol>
    <div class="divider my32" role="separator"></div>
    <h2 class="heading2">Decorated</h2>
    <ul class="list -decorative-image">
        <li>
            参照background-imageプロパティを、変更することでお好みのリストマーカー画像を使えます
        </li>
        <li>パターンライブラリ&nbsp;&amp;&nbsp;スタイルガイド
            <a href="https://ishimasar.github.io/pattern-library/dest/" class="link">https://ishimasar.github.io/pattern-library/dest/</a>
            <a href="https://ishimasar.github.io/pattern-library/" class="link">https://ishimasar.github.io/pattern-library/</a>
        </li>
        <li>コーディングガイドライン
            <a href="https://ishimasar.github.io/coding-guidelines/" class="link">https://ishimasar.github.io/coding-guidelines/</a>
        </li>
        <li>Code for Mitaka / Musashino
            <a href="https://code4mm.org/" target="_blank" rel="noopener" class="link">https://code4mm.org/
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" role="img">
                    <path fill="currentColor" d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path>
                </svg>
            </a>
        </li>
        <li>WordPressコミュニティ
            <ul>
                <li>三鷹・吉祥寺 WordPress Meetup (Tokyo WordPress Meetup 共同オーガナイザー)
                    <a href="https://www.meetup.com/ja-JP/Tokyo-WordPress-Meetup/" target="_blank" rel="noopener" class="link">https://www.meetup.com/ja-JP/Tokyo-WordPress-Meetup/
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" role="img">
                            <path fill="currentColor" d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path>
                        </svg>
                    </a>
                </li>
                <li>do_action Japan 2020
                    <a href="https://doaction.org/ja/event/japan-2020/" target="_blank" rel="noopener" class="link">https://doaction.org/ja/event/japan-2020/
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" role="img">
                            <path fill="currentColor" d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path>
                        </svg>
                    </a>
                    <ul>
                        <li>
                            do_action とは
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>アクセシビリティ基盤委員会（WAIC） WG4 翻訳作業協力</li>
    </ul>
</main>

<script src="../../js/vendor/prism.js"></script>
 
<main class="main-wrapper">
  <h2 class="heading2">Normal Unordered</h2>
  <ul class="list -itemized">
    <li>パターンライブラリ&nbsp;&amp;&nbsp;スタイルガイド
      <a href="https://ishimasar.github.io/pattern-library/dest/" class="link">https://ishimasar.github.io/pattern-library/dest/</a>
      <a href="https://ishimasar.github.io/pattern-library/" class="link">https://ishimasar.github.io/pattern-library/</a>
    </li>
    <li>コーディングガイドライン
      <a href="https://ishimasar.github.io/coding-guidelines/" class="link">https://ishimasar.github.io/coding-guidelines/</a>
    </li>
    <li>Code for Mitaka / Musashino
      <a href="https://code4mm.org/" target="_blank" rel="noopener" class="link">https://code4mm.org/
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" role="img">
          <path fill="currentColor" d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path>
        </svg>
      </a>
    </li>
    <li>WordPressコミュニティ
      <ul>
        <li>三鷹・吉祥寺 WordPress Meetup (Tokyo WordPress Meetup 共同オーガナイザー)
          <a href="https://www.meetup.com/ja-JP/Tokyo-WordPress-Meetup/" target="_blank" rel="noopener" class="link">https://www.meetup.com/ja-JP/Tokyo-WordPress-Meetup/
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" role="img">
              <path fill="currentColor" d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path>
            </svg>
          </a>
        </li>
        <li>do_action Japan 2020
          <a href="https://doaction.org/ja/event/japan-2020/" target="_blank" rel="noopener" class="link">https://doaction.org/ja/event/japan-2020/
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" role="img">
              <path fill="currentColor" d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path>
            </svg>
          </a>
          <ul>
            <li>
              do_action とは
            </li>
          </ul>
        </li>
      </ul>
    </li>
    <li>アクセシビリティ基盤委員会（WAIC） WG4 翻訳作業協力</li>
  </ul>
  <div class="divider my32" role="separator"></div>
  <h2 class="heading2">Normal Ordered</h2>
  <ol class="list -ordered">
    <li>パターンライブラリ&nbsp;&amp;&nbsp;スタイルガイド
      <a href="https://ishimasar.github.io/pattern-library/dest/" class="link">https://ishimasar.github.io/pattern-library/dest/</a>
      <a href="https://ishimasar.github.io/pattern-library/" class="link">https://ishimasar.github.io/pattern-library/</a>
    </li>
    <li>コーディングガイドライン
      <a href="https://ishimasar.github.io/coding-guidelines/" class="link">https://ishimasar.github.io/coding-guidelines/</a>
    </li>
    <li>Code for Mitaka / Musashino
      <a href="https://code4mm.org/" target="_blank" rel="noopener" class="link">https://code4mm.org/
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" role="img">
          <path fill="currentColor" d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path>
        </svg>
      </a>
    </li>
    <li>WordPressコミュニティ
      <ol>
        <li>三鷹・吉祥寺 WordPress Meetup (Tokyo WordPress Meetup 共同オーガナイザー)
          <a href="https://www.meetup.com/ja-JP/Tokyo-WordPress-Meetup/" target="_blank" rel="noopener" class="link">https://www.meetup.com/ja-JP/Tokyo-WordPress-Meetup/
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" role="img">
              <path fill="currentColor" d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path>
            </svg>
          </a>
        </li>
        <li>do_action Japan 2020
          <a href="https://doaction.org/ja/event/japan-2020/" target="_blank" rel="noopener" class="link">https://doaction.org/ja/event/japan-2020/
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" role="img">
              <path fill="currentColor" d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path>
            </svg>
          </a>
          <ol>
            <li>
              do_action とは
            </li>
          </ol>
        </li>
      </ol>
    </li>
    <li>アクセシビリティ基盤委員会（WAIC） WG4 翻訳作業協力</li>
  </ol>
  <div class="divider my32" role="separator"></div>
  <h2 class="heading2">Decorated</h2>
  <ul class="list -decorative-image">
    <li>
      参照background-imageプロパティを、変更することでお好みのリストマーカー画像を使えます
    </li>
    <li>パターンライブラリ&nbsp;&amp;&nbsp;スタイルガイド
      <a href="https://ishimasar.github.io/pattern-library/dest/" class="link">https://ishimasar.github.io/pattern-library/dest/</a>
      <a href="https://ishimasar.github.io/pattern-library/" class="link">https://ishimasar.github.io/pattern-library/</a>
    </li>
    <li>コーディングガイドライン
      <a href="https://ishimasar.github.io/coding-guidelines/" class="link">https://ishimasar.github.io/coding-guidelines/</a>
    </li>
    <li>Code for Mitaka / Musashino
      <a href="https://code4mm.org/" target="_blank" rel="noopener" class="link">https://code4mm.org/
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" role="img">
          <path fill="currentColor" d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path>
        </svg>
      </a>
    </li>
    <li>WordPressコミュニティ
      <ul>
        <li>三鷹・吉祥寺 WordPress Meetup (Tokyo WordPress Meetup 共同オーガナイザー)
          <a href="https://www.meetup.com/ja-JP/Tokyo-WordPress-Meetup/" target="_blank" rel="noopener" class="link">https://www.meetup.com/ja-JP/Tokyo-WordPress-Meetup/
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" role="img">
              <path fill="currentColor" d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path>
            </svg>
          </a>
        </li>
        <li>do_action Japan 2020
          <a href="https://doaction.org/ja/event/japan-2020/" target="_blank" rel="noopener" class="link">https://doaction.org/ja/event/japan-2020/
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="13" height="13" role="img">
              <path fill="currentColor" d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path>
            </svg>
          </a>
          <ul>
            <li>
              do_action とは
            </li>
          </ul>
        </li>
      </ul>
    </li>
    <li>アクセシビリティ基盤委員会（WAIC） WG4 翻訳作業協力</li>
  </ul>
</main>

<script src="{{ path '/js/vendor/prism.js' }}"></script>
 
/* No context defined. */
  • Content: 
    .list {
  margin-left: 1.7rem;
  line-height: 1.8;
}
.list.-itemized {
  list-style: disc;
  font-family: var(--base-font);
}
.list.-itemized ul {
  list-style: circle;
  margin-left: 1.7em;
}
.list.-itemized ul ul {
  list-style: square;
  margin-left: 1.7em;
}
.list.-ordered {
  list-style: decimal;
}
.list.-ordered ol {
  list-style: inherit;
  margin-left: 1.7em;
}
.list.-ordered ol ol {
  margin-left: 1.7em;
}
.list li {
  margin-top: .8rem;
}
.list li > * {
  display: block;
  margin-top: .4rem;
}
.list li ul {
  margin-top: .3rem;
}
.list li ul ul {
  margin-top: .6rem;
}
.list.-decorative-image {
  list-style: none;
}
.list.-decorative-image li {
  padding-left: 1em;
  text-indent: -1em;
}
.list.-decorative-image li:before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: .25rem;
  margin-bottom: -.1rem;
  margin-left: -.25rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22check%22%20class%3D%22svg-inline--fa%20fa-check%22%20role%3D%22img%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M480%20128c0%208.188-3.125%2016.38-9.375%2022.62l-256%20256C208.4%20412.9%20200.2%20416%20192%20416s-16.38-3.125-22.62-9.375l-128-128C35.13%20272.4%2032%20264.2%2032%20256c0-18.28%2014.95-32%2032-32c8.188%200%2016.38%203.125%2022.62%209.375L192%20338.8l233.4-233.4C431.6%2099.13%20439.8%2096%20448%2096C465.1%2096%20480%20109.7%20480%20128z%22%2F%3E%3C%2Fsvg%3E");
}
.list.-decorative-image li ul {
  margin-left: 1.7em;
}
.list.-decorative-image li ul ul {
  margin-left: 1.7em;
}
.list .link {
  display: block;
  width: fit-content;
  text-decoration: underline;
  text-indent: 0;
}
.list .link:hover, .list .link:focus {
  text-decoration: none;
}
.list .link > .icon {
  margin-left: .2rem;
  font-size: calc(var(--font-size-m1));
}
  • URL: /components/raw/list/style.css
  • Filesystem Path: src/components/1-static-ui/list/style.css
  • Size: 2 KB

No notes defined.