smartmenu.sass

nav
	display: block

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

.sm-mytheme a
	padding: 12px
	font-family: 'Oswald', sans-serif
	&:hover
		text-decoration: none

.sm-mytheme > li > a
	text-transform: uppercase

.sm-mytheme a.has-submenu
	padding-right: 24px


.sm-mytheme ul a
	padding: 7px 20px	
	&:hover
		background: #eee

.sm-mytheme ul
	border: 1px solid #bbbbbb
	background: rgba(162, 162, 162, 0.1)
	padding: 5px

.sm-mytheme li + li
	border-top: 1px solid rgba(0, 0, 0, 0.05)

.sm-mytheme a span.sub-arrow
	position: absolute
	top: 50%
	margin-top: -17px
	left: auto
	right: 4px
	width: 34px
	height: 34px
	overflow: hidden
	font: bold 16px/34px monospace !important
	text-align: center
	text-shadow: none
	background: rgba(255, 255, 255, 0.5)
	-moz-border-radius: 5px
	-webkit-border-radius: 5px
	border-radius: 5px

.sm-mytheme a.highlighted span.sub-arrow:before
	display: block
	content: '-'

@media only screen and (min-width : 768px)

	// it's not recommended editing these rules

	.sm-mytheme
		ul
			position: absolute
			width: 12em
		li
			float: left
		&.sm-rtl li
			float: right
		ul li, &.sm-rtl ul li, &.sm-vertical li
			float: none
		a
			white-space: nowrap
		ul a, &.sm-vertical a
			white-space: normal
		.sm-nowrap > li >
			a, :not(ul) a
				white-space: nowrap


	// Your rules to style the menu in desktop view here

	nav
		display: inline-block
	.sm-mytheme ul
		background: white
	.sm-mytheme > li > a
		transition: color 200ms ease-in-out 	
	.sm-mytheme > li > a:hover
		color: tomato
		
	
	.sm-mytheme a span.sub-arrow
		top: 50%
		margin-top: -2px
		right: 12px
		width: 0
		height: 0
		border-width: 4px
		border-style: solid dashed dashed dashed
		border-color: #555555 transparent transparent transparent
		background: transparent
		-moz-border-radius: 0
		-webkit-border-radius: 0
		border-radius: 0
	.sm-mytheme ul a span.sub-arrow
		right: 8px
		top: 50%
		margin-top: -5px
		border-width: 5px
		border-style: dashed dashed dashed solid
		border-color: transparent transparent transparent #555555