Ivan/blog-fs
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat: dark mode style.

Browse Source
This commit is contained in:
Ivan Li
2021-05-02 13:05:12 +08:00
parent 4e14860d34
commit d3301da0ad
4 changed files with 75 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
pages/_app.module.css
View File

@@ -7,10 +7,17 @@
.primary {
@apply flex-auto;
@apply bg-gray-100 text-gray-700;
:global(.dark) & {
@apply bg-gray-700 text-gray-300;
}
.wrapper {
@apply mx-auto max-w-screen-xl;
}
}
.pageHeader {
@apply p-3 bg-gray-50 flex justify-between;
:global(.dark) & {
@apply bg-gray-800;
}
}

14
pages/index.module.css
View File

@@ -4,14 +4,22 @@
}
.item {
@apply my-2 mx-4 px-3 overflow-hidden;
@apply my-2 mx-4 px-4 overflow-hidden;
@apply rounded-md shadow-sm hover:shadow;
@apply bg-gray-50 hover:bg-white;
:global(.dark) & {
@apply bg-gray-800;
}
.title {
@apply text-lg my-2;
@apply text-lg my-4;
}
.description {
@apply text-sm text-gray-600 leading-6 my-2;
@apply text-sm text-gray-600 leading-6 my-4;
:global(.dark) & {
@apply text-gray-400;
}
}
}