Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: typo backgroud -> background #349

Merged
merged 2 commits into from
Jan 8, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 0 additions & 3 deletions src/lib/Backgroud/index.ts

This file was deleted.

Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@

<!-- svelte-ignore element_invalid_self_closing_tag -->
<div
uno-bg-LP-backgroud
uno-bg-LP-background
uno-h-full
uno-left-0
uno-overflow-hidden
Expand All @@ -66,7 +66,7 @@
bind:this={canvas}
style:--blur='{blurStrength}px'
height={innerHeight.current ?? 0 + blurStrength * 4}
uno-bg-LP-backgroud
uno-bg-LP-background
uno-filter-blur='[--blur]'
uno-left='50%'
uno-position-absolute
Expand Down
File renamed without changes.
3 changes: 3 additions & 0 deletions src/lib/Background/index.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
import Background from './Background.svelte';

export { Background };
2 changes: 1 addition & 1 deletion src/lib/Heading/Heading.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
<style>
h2 {
--blue: theme('colors.LP.blue');
--background: theme('colors.LP.backgroud');
--background: theme('colors.LP.background');
text-shadow: 0 -40px 100px, 0 0 2px, 0 0 1em var(--blue), 0 0 0.5em var(--blue), 0 0 0.1em var(--blue), 0 10px 3px var(--background);
}
</style>
6 changes: 3 additions & 3 deletions src/routes/+layout.svelte
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang='ts'>
import { Backgroud } from '$lib/Backgroud';
import { Background } from '$lib/Background';
import EasterEgg from './EasterEgg.svelte';

import Meta from './Meta.svelte';
Expand All @@ -14,7 +14,7 @@
<!-- EASTER_EGG🐰🥚 -->
<EasterEgg />

<Backgroud />
<Background />
<div
uno-max-w-600px
uno-mx-auto
Expand All @@ -33,7 +33,7 @@
*/
:global {
body {
--at-apply: bg-LP-backgroud p-safe min-h-safe;
--at-apply: bg-LP-background p-safe min-h-safe;
margin: 0;
min-width: 300px; /* 実際には320pxだが、スクロールバー等を考慮して300pxとしておく */
}
Expand Down
4 changes: 2 additions & 2 deletions uno.config.ts
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ export const theme = {
yellow: '#ffffb3',
gray: '#909296',
darkGray: '#5C5F66',
backgroud: '#010a01',
background: '#010a01',
textColor: '#f8f9fa',
},
},
Expand Down Expand Up @@ -52,6 +52,6 @@ export default defineConfig({
],
shortcuts: {
text: 'text-base text-LP-textColor',
button: 'color-LP-yellow border-(solid 2 LP-yellow) rounded px-4 py-2 hover:(bg-LP-yellow color-LP-backgroud) w-fit flex',
button: 'color-LP-yellow border-(solid 2 LP-yellow) rounded px-4 py-2 hover:(bg-LP-yellow color-LP-background) w-fit flex',
},
});
2 changes: 1 addition & 1 deletion vite.config.ts
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ function relativePath(...args: string[]): string {
}

/* unocss から background color を取得 */
const background = theme.colors.LP.backgroud;
const { background } = theme.colors.LP;

export default defineConfig({
plugins: [
Expand Down
Loading