Hello everyone!
Use F7 v4.1.0 and Vue v2.6.8.
I try add a grid in my page, but grid styles not available:
<!-- home.vue -->
<template>
<f7-page>
<f7-navbar>
<f7-nav-title>{{ $f7.name }}</f7-nav-title>
</f7-navbar>
<f7-block>
<f7-row>
<f7-col>50% (.col)</f7-col>
<f7-col>50% (.col)</f7-col>
</f7-row>
</f7-block>
</f7-page>
</template>
<script>
export default {
}
</script>
<style lang="less" scoped>
.col{
background-color: red;
&:first-child{
background-color: green;
}
}
</style>
what am I doing wrong?
PS: I build a project with webpack v4.28.1