63 lines
1.4 KiB
SCSS
63 lines
1.4 KiB
SCSS
$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;
|
|
}
|
|
}
|
|
|
|
.toplinks--list {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
&-item {
|
|
display: inline;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
}
|