Skip to content

Instantly share code, notes, and snippets.

@hiloki
Last active February 25, 2016 08:56
Show Gist options
  • Save hiloki/80e17dedc8699efbff51 to your computer and use it in GitHub Desktop.
Save hiloki/80e17dedc8699efbff51 to your computer and use it in GitHub Desktop.

(・谷・)<下記はセミナースライド用のダミーだよ

ボキャブラリーガイド

大枠の構造

/* モジュールのヘッダ部分(タイトルやメタ情報)にあたるもの */
xxx__head {...}

/* モジュールのメイン部分にあたるもの */
xxx__body {...}

/* モジュールのフッター部分(続きを読むリンクや、メタ情報)にあたるもの */
xxx__foot {...}

マークアップ

<div class="xxx">
  <div class="xxx__head">...</div>
  <div class="xxx__body">...</div>
  <div class="xxx__foot">...</div>
</div>

包括

/* 包括する */
xxx__container { ... }

マークアップ

<div class="xxx">
  <div class="xxx__container">...</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment