Style Guide

サイド

サイドに入るモジュール

5.1 サイドのメニュー

sideMenu

  • .sideMenu-red -

    red

  • .sideMenu-purple -

    purple

View Source

<div class="sideMenu {$modifiers}">
	<h1 class="sideMenu_title">店舗で探す</h1>
	<div class="sideMenu_body">
		<p class="sideMenu_name">OAナガシマ</p>
		<ul class="sideMenu_list">
			<li class="sideMenu_item">
				<a href="">OAナガシマ</a>
				<ul class="sideMenuSub">
					<li class="sideMenuSub_item"><a href="./senior01.html">瀧 元樹</a></li>
					<li class="sideMenuSub_item"><a href="./senior02.html">向笠 秀明</a></li>
					<li class="sideMenuSub_item"><a href="./senior03.html">斉藤 杏子</a></li>
					<li class="sideMenuSub_item"><a href="./senior04.html">佐野 智則</a></li>
					<li class="sideMenuSub_item"><a href="./senior05.html">渡邉 岳明</a></li>
				</ul>
			</li>
			<li class="sideMenu_item"><a href="">OAナガシマ<br>あんしんサポート館</a></li>
			<li class="sideMenu_item"><a href="">ZOA</a></li>
			<li class="sideMenu_item"><a href="">パソコンの館</a></li>
		</ul>
		<p class="sideMenu_name">OAナガシマ</p>
		<ul class="sideMenu_list">
			<li class="sideMenu_item">
				<a href="">OAナガシマ</a>
				<ul class="sideMenuSub">
					<li class="sideMenuSub_item"><a href="./senior01.html">瀧 元樹</a></li>
					<li class="sideMenuSub_item"><a href="./senior02.html">向笠 秀明</a></li>
					<li class="sideMenuSub_item"><a href="./senior03.html">斉藤 杏子</a></li>
					<li class="sideMenuSub_item"><a href="./senior04.html">佐野 智則</a></li>
					<li class="sideMenuSub_item"><a href="./senior05.html">渡邉 岳明</a></li>
				</ul>
			</li>
			<li class="sideMenu_item"><a href="">OAナガシマ<br>あんしんサポート館</a></li>
			<li class="sideMenu_item"><a href="">ZOA</a></li>
			<li class="sideMenu_item"><a href="">パソコンの館</a></li>
		</ul>
	</div>
</div><!-- /.sideMenu -->

Copy Source