$top-bar-font-size:			13px !default
$top-bar-height:			36px !default
$top-bar-color:				#b8b8b8 !default
$top-bar-bg:				transparent !default
$top-bar-separator-color:	#d3d3d3 !default

#amy-top-bar
	font-size: $top-bar-font-size
	line-height: $top-bar-height
	color: $top-bar-color

	.amy-top-bar-left
		float: left

	.amy-top-bar-right
		float: right

		.amy-top-bar-right-compact &
			float: none
			position: absolute
			right: 0
			z-index: 2

.amy-top-module
	float: left
	padding-left: 10px
	padding-right: 10px
	position: relative

	&:first-child
		padding-left: 0

	&:last-child
		padding-right: 0

	// divider
	&:after
		background: $top-bar-separator-color
		position: absolute
		content: ""
		right: 0
		width: 1px
		height: ($top-bar-height - 24)
		top: 12px

	&:last-child:after
		width: 0

	.amy-top-module-icon
		margin-right: 5px

	a
		color: $top-bar-color

		&:hover
			color: $link-hover-color