<template>
<div>
    <p class="yellow"> I am Text Component1
        <span class="reda">asdasdas</span>
    </p>
    <span class="red">asdasdas</span>
    <img src="../../assets/img/icons/download.jpeg" />
    <div class="imgtest">
    </div>
</div>
</template>

<script lang="ts">
import Vue from 'vue';

export default Vue.extend({
    name: 'Text1',
    data() {
        return {
            text1: 'I am Text Component1'
        }
    }
})
</script>
<style lang="postcss" scoped>
@import '@css/_app-partials.css';
.yellow{
    color: blue;
    .reda{
            color: $red;    
        }
}
.red {
        color: green;
    }

.imgtest {
    background-image: url('../../assets/img/icons/star-half.svg');
    background-size: 100%;
    width: 100px;
    height: 100px;
}

</style>
