more stuff for the topBar

This commit is contained in:
Janne Koivistoinen 2017-07-18 21:07:42 +03:00
parent f888539040
commit b4399cd23c
4 changed files with 10 additions and 4 deletions

View file

@ -52,7 +52,7 @@
.heroSubTitle {
color: var(--matterColorLight);
margin-bottom: 47px;
margin-bottom: 63px;
margin-top: 0;
@media (--desktopViewport) {

View file

@ -99,20 +99,25 @@ bottom of the container.
& li {
color: var(--matterColorLight);
transition: var(--transitionStyleButton);
margin: 0; /* Remove the double white space */
/* Assign enough vertical padding to make the element at least 44px high */
padding: 9px var(--sidePadding);
@media (--desktopViewport) {
padding: 8px var(--sidePaddingDesktop);
color: rgba(255,255,255,0.65);
padding: 10px var(--sidePaddingDesktop);
margin: 0;
}
&:hover,
&.highlighted {
text-decoration: underline;
cursor: pointer;
border-left: 6px solid #FFF;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
color: var(--matterColorLight);
}
}
}

View file

@ -9,7 +9,7 @@
z-index: var(--zIndexPopup);
background-color: var(--matterColorLight);
border: 1px solid var(--matterColorAnti);
border-top: 1px solid var(--matterColorAnti);
box-shadow: var(--boxShadowPopup);
border-radius: 0 0 2px 2px;
transition: var(--transitionStyleButton);

View file

@ -230,6 +230,7 @@
&:hover {
color: var(--matterColorDark);
text-decoration: none;
border-left: 6px solid var(--marketplaceColor);
}
@media (--desktopViewport) {