zenigame—Modal

#Modal Modalはページ内に1つだけ存在できる。 innerの中身を必要に応じで変更する。

##Modal - Dialog

.Wrapper
  // contents
  button.btn.modalOpenBtn Modal Dialog Open
.Modal
  .backdrop.modalCloseBtn
  .inner
    .dialog
      h2.title モーダルダイアログウインドウ
      .content
        p モーダルのコンテンツがはいります。ウインドウサイズより大きくなると見切れてしまうため、あまり大量のコンテンツを挿入しないようにしてください。
      .control
        button.btn.f.modalCancelBtn キャンセル
        button.btn.f.modalConfirmBtn 確認

##Modal - Page

.Wrapper
  // contents
  button.btn.modalOpenBtn Modal Page Open
.Modal
  .backdrop.modalCloseBtn
  .inner
    .page
      h2.title モーダルページウインドウ
      .content
        p モーダルのコンテンツがはいります。ウインドウサイズに関わらずコンテンツを挿入できます。ウインドウサイズよりもコンテンツ量が長い場合はスクロールします。
      .control
        button.btn.f.modalCancelBtn キャンセル
        button.btn.f.modalConfirmBtn 確認

zenigameModal

Components

Mixins