JSFiddle - React, Tailwind, and code Playground

HTML

<h1>SASS 강의</h1>

	<nav>
		<ul>
			<li><a href="menu1">Menu1</a></li>
			<li><a href="menu2">Menu2</a></li>
			<li><a href="menu3">Menu3</a></li>
		</ul>
	</nav>

CSS

$font_stack: Helvetica, sans-serif;
$primary_color: #009ac8;
$hover_color : #999;
nav {
	ul {
		list-style-type: none;

		li {
			display: inline-block;

			a {
				display: block;
				padding: 3px 5px;
				margin: 10px 20px;
				text-decoration: none;
				color:$primary_color;

				&:hover {
					border-bottom:1px dotted $hover_color;
				}
			}
		} 
	}
}