SebastianStork/kita
1
0
Fork 0
mirror of https://github.com/SebastianStork/kita.git synced 2026-01-21 14:31:35 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: adjust some styles

Browse source
This commit is contained in:
st1020 2023-10-23 20:44:40 +08:00
parent f9b448197c
commit 82f3f69af2
9 changed files with 122 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

110
static/main.css
View file

@ -1238,6 +1238,10 @@ body {
margin-right: auto;
}
.mt-1 {
margin-top: 0.25rem;
}
.mt-12 {
margin-top: 3rem;
}
@ -1254,6 +1258,10 @@ body {
display: flex;
}
.grid {
display: grid;
}
.aspect-square {
aspect-ratio: 1 / 1;
}
@ -1278,10 +1286,6 @@ body {
min-height: 12rem;
}
.min-h-\[18rem\] {
min-height: 18rem;
}
.min-h-\[3\.5rem\] {
min-height: 3.5rem;
}
@ -1322,10 +1326,6 @@ body {
max-width: 56rem;
}
.flex-auto {
flex: 1 1 auto;
}
.shrink-0 {
flex-shrink: 0;
}
@ -1338,6 +1338,10 @@ body {
cursor: pointer;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-col {
flex-direction: column;
}
@ -1354,10 +1358,6 @@ body {
align-items: center;
}
.items-stretch {
align-items: stretch;
}
.justify-start {
justify-content: flex-start;
}
@ -1382,6 +1382,10 @@ body {
gap: 0.625rem;
}
.gap-4 {
gap: 1rem;
}
.gap-x-2 {
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
@ -1447,10 +1451,6 @@ body {
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/\[3\%\] {
background-color: rgb(0 0 0 / 3%);
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -1460,10 +1460,6 @@ body {
background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80 {
background-color: rgb(255 255 255 / 0.8);
}
.p-1 {
padding: 0.25rem;
}
@ -1750,6 +1746,60 @@ article {
background-color: rgb(255 255 255 / 0.1);
}
.block-bg {
background-color: rgb(0 0 0 / 3%);
}
:is(.dark .block-bg) {
background-color: rgb(255 255 255 / 8%);
}
.block-hover:hover {
background-color: rgb(0 0 0 / 5%);
}
:is(.dark .block-hover:hover) {
background-color: rgb(255 255 255 / 11%);
}
.block-hover-mask:hover {
background-color: rgb(0 0 0 / 2%);
}
:is(.dark .block-hover-mask:hover) {
background-color: rgb(255 255 255 / 3%);
}
.primary-link {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
text-decoration-line: none;
}
.primary-link:hover {
opacity: 0.8;
}
:is(.dark .primary-link) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.secondary-link {
color: var(--tw-prose-body);
text-decoration-line: none;
}
.secondary-link:hover {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
:is(.dark .secondary-link:hover) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[background\:url\(\.\/icons\/theme\.svg\)_left_center\/cover_no-repeat\] {
background: url(./icons/theme.svg) left center/cover no-repeat;
}
@ -1801,10 +1851,6 @@ article {
animation: spin 1s linear infinite;
}
.hover\:bg-black\/\[2\%\]:hover {
background-color: rgb(0 0 0 / 2%);
}
.hover\:underline:hover {
text-decoration-line: underline;
}
@ -1823,10 +1869,6 @@ article {
background-color: rgb(255 255 255 / 15%);
}
:is(.dark .dark\:bg-white\/\[8\%\]) {
background-color: rgb(255 255 255 / 8%);
}
:is(.dark .dark\:text-black) {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
@ -1846,13 +1888,13 @@ article {
background-position: right;
}
:is(.dark .dark\:hover\:bg-white\/\[3\%\]:hover) {
background-color: rgb(255 255 255 / 3%);
}
@media (min-width: 768px) {
.md\:w-1\/2 {
width: 50%;
.md\:min-h-\[18rem\] {
min-height: 18rem;
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}