$primary-color: #910956 !default;

$toplinks-style: classic !default; // classic || none;

$toplinks-border-radius: null !default;
$toplinks-background: null !default;
$toplinks-box-shadow: null !default;
$toplinks-padding: null !default;
$toplinks-border: null !default;

@if ($toplinks-style == classic) {
	$toplinks-border-radius: 0 0 1em 1em !default;
	$toplinks-background: white !default;
	$toplinks-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12) !default;
	$toplinks-padding: 0.7em 2em 0.2em 2em !default;
	$toplinks-border: 3px solid $primary-color !default;
}

#toplinks {
	position: absolute;
	top: 0;
	left: auto;
	right: 1em;
	border-radius: $toplinks-border-radius;
	background: $toplinks-background;
	box-shadow: $toplinks-box-shadow;
	width: auto;
	padding: $toplinks-padding;
	border: $toplinks-border;
	border-width: 0 1px 1px 1px;
	// space between links (increases by default space size ± 1/3em)
	word-spacing: .33em;
	@media screen and ($max-mobile-viewport) {
		border-right: 0;
		right: 0;
		max-width: 90%;
		text-align: right;
		border-bottom-right-radius: 0;
	}

	a {
		display: inline-block;
		word-spacing: 0;
	}
}

#toplinks span.connected-user {
	@media screen and ($max-mobile-viewport) {
		padding-right: 0;
	}
}
