36 lines
No EOL
740 B
Svelte
36 lines
No EOL
740 B
Svelte
<script>
|
|
let { text } = $props();
|
|
</script>
|
|
|
|
<div class="horisontal-item rounded">
|
|
{text}
|
|
</div>
|
|
|
|
<style>
|
|
/* Элемент вертикального списка (тег, бадж, жанр) */
|
|
.horisontal-item {
|
|
padding: 0.25rem;
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
.horisontal-item {
|
|
background-color: #5C8DC0;
|
|
color: white;
|
|
}
|
|
|
|
.horisontal-item:hover {
|
|
background-color: #567aa1;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
.horisontal-item {
|
|
background-color: #2791FF;
|
|
color: white;
|
|
}
|
|
|
|
.horisontal-item:hover {
|
|
background-color: #2c7dd4;
|
|
}
|
|
}
|
|
</style> |