Style improvements for mobile

This commit is contained in:
vjrj 2018-01-19 11:04:14 +01:00
parent c79f8b5f8b
commit cd16f45d8e
28 changed files with 345 additions and 120 deletions

View file

@ -1,3 +1,5 @@
@import '../../stylesheets/mixins';
.navbar {
border-radius: 0;
border-left: none;
@ -27,14 +29,20 @@ a.nav-link:hover {
padding: 0.3rem 0rem;
}
a.navbar-brand {
font-size: 26px;
}
@media (max-width: 480px) {
a.navbar-brand {
font-size: 16px;
padding: 15px 3px;
}
@include breakpoint(mobile) {
a.navbar-brand {
font-size: 18px;
padding: 15px 3px 15px 15px;
}
.navbar-nav .nav-link {
padding-left: 5px;
}
}
.hide-brand {
opacity: 0;
}