Style improvements for mobile
This commit is contained in:
parent
c79f8b5f8b
commit
cd16f45d8e
28 changed files with 345 additions and 120 deletions
|
|
@ -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;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue