marco/sensor-web-v2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

hover nav on mobile

Browse Source
This commit is contained in:
Marco
2019-08-10 18:56:45 +02:00
parent 2051fb6120
commit 2f0adeda48
2 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/NavBar.vue
View File

@@ -63,8 +63,19 @@ export default {
} }
} }
</script> </script>
<style scoped> <style scoped lang="scss">
@import "@/style/_variables.scss";
.nav-title { .nav-title {
font-weight: bold; font-weight: bold;
} }
@media screen and (max-width: $navbar-breakpoint) {
.navbar {
position: relative
}
.navbar-menu {
position: absolute;
left: 0;
right: 0;
}
}
</style> </style>

2
src/style/_variables.scss
View File

@@ -2,4 +2,6 @@ $primary: #2ecc71;
$tabs-link-active-color: #3498db; $tabs-link-active-color: #3498db;
$tabs-link-active-border-bottom-color: #3498db; $tabs-link-active-border-bottom-color: #3498db;
$family-sans-serif: 'Fira Sans', sans-serif; $family-sans-serif: 'Fira Sans', sans-serif;
$gap: 32px !default;
$navbar-breakpoint: 960px + (2 * $gap);
@import "~bulma/sass/utilities/_all.sass"; @import "~bulma/sass/utilities/_all.sass";