1<template>
2  <div class="flat-card">
3    <slot />
4  </div>
5</template>
6<script>
7export default {
8  name: 'FlatCard',
9}
10</script>
11<style scoped>
12.flat-card {
13  word-break: normal;
14  tab-size: 4;
15  font-size: 14px;
16  text-rendering: optimizeLegibility;
17  -webkit-font-smoothing: antialiased;
18  -webkit-tap-highlight-color: rgba(0,0,0,0);
19  font-family: Roboto, sans-serif;
20  line-height: 1.5;
21  background-repeat: no-repeat;
22  box-sizing: inherit;
23  padding: 0;
24  margin: 0;
25  display: block;
26  max-width: 100%;
27  outline: none;
28  text-decoration: none;
29  transition-property: box-shadow,opacity;
30  overflow-wrap: break-word;
31  position: relative;
32  white-space: normal;
33  border: thin solid rgba(0,0,0,.12);
34  background-color: #fff;
35  color: rgba(0,0,0,.87);
36  border-radius: 4px;
37}
38</style>