Nuxt/examples/pug-stylus-coffee/layouts/default.vue

47 lines
906 B
Vue
Raw Normal View History

<template lang="pug">
.div
nuxt
</template>
<style lang="stylus">
html
font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI',
Roboto, 'Helvetica Neue', Arial, sans-serif
font-size: 16px
word-spacing: 1px
-ms-text-size-adjust: 100%
-webkit-text-size-adjust: 100%
-moz-osx-font-smoothing: grayscale
-webkit-font-smoothing: antialiased
box-sizing: border-box
*
&:before
&:after
box-sizing: border-box
margin: 0
.button--green
display: inline-block
border-radius: 4px
border: 1px solid #3b8070
color: #3b8070
text-decoration: none
padding: 10px 30px
&:hover
color: #fff
background-color: #3b8070
.button--grey
display: inline-block
border-radius: 4px
border: 1px solid #35495e
color: #35495e
text-decoration: none
padding: 10px 30px
margin-left: 15px
&:hover
color: #fff
background-color: #35495e
</style>