Как указать цвет в классе во Vue? ⇐ CSS

[Anonymous]

src/comComponents/HelloWorld.vue

Код: Выделить всё

export default {
name: 'HelloWorld'
}



.bg-beige {
background-color: #f5f5dc; /* Color beige */
}

src/App.vue

Код: Выделить всё

[img]./assets/logo.png[/img]




import HelloWorld from './components/HelloWorld.vue'

export default {
name: 'App',
components: {
HelloWorld
}
}



#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}

src/main.js

Код: Выделить всё

import { createApp } from 'vue'
import App from './App.vue'
import './assets/styles.css';

createApp(App).mount('#app')

src/assets/styles.css

Код: Выделить всё

@tailwind base;
@tailwind components;
@tailwind utilities;

Это структура проекта (созданная с помощью команды vue create):
[img]https://i. sstatic.net/65S4SUiB.png[/img]

Основываясь на стиле «от-зеленого-500 до синего-900», фон должен быть наполовину градиентным, наполовину бежевым, но это как это выглядит:


Логотип logo.png, но это не проблема. Что мне не хватает?

Подробнее здесь: https://stackoverflow.com/questions/786 ... ass-in-vue