luke-else/component-lib
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Corrected vertical text on section component
Some checks failed
Publish Svelte Tailwind Library / build-and-publish (push) Failing after 21s
Details

Browse Source
This commit is contained in:
Luke Else
2025-09-16 15:18:26 +01:00
parent 495ac017e7
commit 94a0020d45
3 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@@ -1,6 +1,6 @@
{ {
"name": "@luke-else/component-lib", "name": "@luke-else/component-lib",
"version": "1.1.2", "version": "1.1.3",
"description": "", "description": "",
"scripts": { "scripts": {
"package": "svelte-package && pnpm run build:css", "package": "svelte-package && pnpm run build:css",

2
src/lib/components/Section.svelte
View File

@@ -7,7 +7,7 @@
<div class="hidden md:flex flex-col items-center mr-6"> <div class="hidden md:flex flex-col items-center mr-6">
<div class="sticky top-24 left-0 z-10"> <div class="sticky top-24 left-0 z-10">
<span id="sideway-label" <span id="sideway-label"
class="text-2xl font-bold text-blue-400 tracking-widest [writing-mode:vertical-rl] [text-orientation:mixed]" class="text-2xl font-bold text-blue-400 tracking-widest vertical-text"
> >
{label} {label}
</span> </span>

11
src/lib/style.css
View File

@@ -1 +1,10 @@
@import "tailwindcss"; @import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
@layer utilities {
.vertical-text {
writing-mode: vertical-rl;
text-orientation: mixed;
}
}