p-sw/pswui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove storybook style & add basic styles

Browse Source
This commit is contained in:
p-sw 2024-05-31 21:10:00 +09:00
parent fb044c9bdb
commit ee92029461
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
packages/react/src/tailwind.css
View File

@ -1,3 +1,4 @@
@import url("https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.3/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css");
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
@ -9,29 +10,28 @@
--dark-btn-bg-color: #2f2f2f; --dark-btn-bg-color: #2f2f2f;
--dark-btn-text-color: #fff; --dark-btn-text-color: #fff;
--dark-code-bg-color: #1f1f1f; --dark-code-bg-color: #1f1f1f;
--font-wanted: "Wanted Sans Variable", "Wanted Sans", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
html {
font-family: var(--font-wanted);
} }
body { body {
@apply bg-white dark:bg-[var(--dark-bg-color)] text-black dark:text-[var(--dark-text-color)] transition-colors duration-300; @apply bg-white dark:bg-[var(--dark-bg-color)] text-black dark:text-[var(--dark-text-color)] transition-colors duration-300;
} }
.sbdocs.sbdocs-preview.dark {
@apply dark:bg-[var(--dark-bg-color)] dark:text-[var(--dark-text-color)] transition-colors duration-300;
& .sb-bar { html,body,div#root {
@apply dark:bg-[var(--dark-bg-color)] dark:text-[var(--dark-text-color)]; height: auto;
} min-height: 100vh;
}
div#root {
display: flex;
flex-direction: column;
}
& .sb-bar button, .docs-story > div:nth-child(2) > button, .docs-story + div > div:nth-child(2) > button { * {
@apply dark:bg-[var(--dark-btn-bg-color)] dark:text-[var(--dark-btn-text-color)]; @apply transition-colors;
}
& .prismjs {
@apply pb-8;
& > div {
@apply dark:bg-[var(--dark-code-bg-color)] rounded-md p-4;
}
}
} }
} }