DenisDov

//== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default
//** Deprecated `$screen-xs-min` as of v3.2.0
$screen-xs-min:              $screen-xs !default
//** Deprecated `$screen-phone` as of v3.0.1

DenisDov

<nav role="navigation">
	<ul id="main-menu" class="sm sm-mytheme">
		<li><a href="#">Home</a></li>
		<li><a href="#about/">About</a>
			<ul>
				<li><a href="#">Introduction</a></li>
				<li><a href="#">Themes</a></li>
				<li><a href="#">The author</a></li>
				<li><a href="#">The company</a>
					<ul>

DenisDov

nav
	display: block

.sm-mytheme
	background: #eeeeee
	border-radius: 5px

.sm-mytheme a
	padding: 12px
	font-family: 'Oswald', sans-serif

DenisDov

:invalid {
  box-shadow: none;
}

:-moz-submit-invalid {
  box-shadow: none;
}

:-moz-ui-invalid {
  box-shadow:none;

DenisDov

<?php wp_nav_menu(array('menu' => 'WP menu name', 'menu_class' => 'Your UL Class')); ?>