<style>
</style>

<template>
  <p>Hola Mundo</p>
  <p class="text-green">Hola Vue Vixens</p>
</template>

<style>
    p {
    	color: red;
    }
    p.text-green {
        color: green;
    }
</style>

<template>
  <p>
    Hola 
    <span class="text-green">Vue Vixens</span>
  </p>
</template>

<style>
    p {
    	color: red;
    }
    p .text-green {
        color: green;
    }
</style>

<style lang="scss">
</style>

<style lang="stylus">
</style>

<style lang="less">
</style>

<template>
  <p>Hola Mundo</p>
  <p class="text-green">Hola Vue Vixens</p>
</template>

<style lang="scss">
    p {
    	color: red;
        &.text-green {
            color: green;
        }
    }
</style>

<template>
  <p>
    Hola 
    <span class="text-green">Vue Vixens</span>
  </p>
</template>

<style>
    p {
    	color: red;
        .text-green {
            color: green;
        }
    }
</style>

import "...";

import "bootstrap/dist/css/bootstrap.css";
import "bootstrap-vue/dist/bootstrap-vue.css";
import BootstrapVue from "bootstrap-vue";
Vue.use(BootstrapVue);

import SuiVue from "semantic-ui-vue";

Vue.use(SuiVue);

<style>
</style>

<style scoped>
</style>