Nuxt/test/fixtures/extract-css/pages/index.vue

37 lines
629 B
Vue
Raw Normal View History

2018-03-24 08:01:57 +00:00
<template>
<div>
<h1>I'm RED</h1>
2018-08-15 14:53:31 +00:00
<section class="container">
<div class="item-a">
item-a
</div>
<div class="item-b">
item-b
</div>
<div class="item-c">
item-c
</div>
<div class="item-d">
item-d
</div>
<div class="item-e">
item-e
</div>
2018-08-15 14:53:31 +00:00
</section>
</div>
2018-03-24 08:01:57 +00:00
</template>
<style scoped>
/* INDEX CSS */
h1 {
color: red;
}
2018-08-15 14:53:31 +00:00
.container {
display: grid;
grid-template-columns: 60px 60px 60px 60px 60px;
grid-template-rows: 30px 30px;
grid-auto-flow: row;
}
2018-03-24 08:01:57 +00:00
/* END OF INDEX CSS */
</style>