nav
label.drawer-toggle(for="drawerControl")
input#drawerControl.drawer(type="checkbox")
- #menuBar(@click="hideDrawer")
+ #menuBar(@click="hideDrawer($event)")
label.drawer-close(for="drawerControl")
#leftMenu
router-link(to="/")
</script>
<style lang="sass">
-//html, *
-// font-family: "Open Sans", Arial, sans-serif
-// --back-color: #f2f2f2
-// --a-link-color: black
-// --a-visited-color: black
+html, *
+ font-family: "Open Sans", Arial, sans-serif
+ --back-color: #f2f2f2
+ --a-link-color: black
+ --a-visited-color: black
body
padding: 0
min-width: 320px
#app
- font-family: "Open Sans", "Avenir", Helvetica, Arial, sans-serif
-webkit-font-smoothing: antialiased
-moz-osx-font-smoothing: grayscale
.row > div
padding: 0
-.nopadding
- padding: 0
-
header
width: 100%
display: flex
.text-center
text-align: center
-.smallpad
- padding: 5px
-
-.emphasis
- font-style: italic
-
.clearer
clear: both
-.smallfont
- font-size: 0.8em
-
-.bigfont
- font-size: 1.2em
-
-.bold
- font-weight: bold
-
nav
width: 100%
margin: 0
@media screen and (max-width: 767px)
nav
+ height: 32px
border: none
+ & > label.drawer-toggle
+ font-size: 1.2rem
+ //padding: 0 0 0 10px
[type="checkbox"].drawer+*
right: -767px
@media screen and (max-width: 767px)
footer
border: none
-
-//#settings, #contactForm
-// max-width: 767px
-// @media screen and (max-width: 767px)
-// max-width: 100vw
-//[type="checkbox"].modal+div .card
-// max-width: 767px
-// max-height: 100vh
-//[type="checkbox"].modal+div .card.small-modal
-// max-width: 320px
-//[type="checkbox"].modal+div .card.big-modal
-// max-width: 90vw
</style>