kevisual/theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

temp

Browse Source
This commit is contained in:
熊潇
2025-05-10 03:49:47 +08:00
parent 1d10cf5888
commit b4c367b799
59 changed files with 61142 additions and 2384 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
packages/tailwind/css/card.css Normal file
View File

@@ -0,0 +1,40 @@
@import 'tailwindcss';
@utility {
.btn {
@apply bg-blue-500 text-white font-bold py-2 px-4 rounded;
}
.card {
@apply bg-white shadow-md rounded-lg p-4;
.card-title {
@apply text-lg font-bold;
}
.card-subtitle {
@apply text-sm text-gray-500;
}
.card-description {
@apply text-gray-700 break-words;
}
.card-code {
@apply bg-gray-100 p-2;
}
.card-body {
@apply text-gray-700;
}
.card-key {
@apply text-xs text-gray-400;
}
.card-footer {
@apply text-sm text-gray-500;
}
}
}
@utilities {
.layout-menu {
@apply bg-gray-900 p-2 text-white flex justify-between h-12;
}
.bg-custom-blue {
background-color: #3490dc;
}
}

118
packages/tailwind/css/globals.css
View File

@@ -1,15 +1,23 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@import 'tailwindcss';
@layer base {
html,
body {
width: 100%;
height: 100%;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
}
@theme {
--color-primary: #ffc107;
--color-secondary: #ffa000;
--color-text-primary: #000000;
--color-text-secondary: #000000;
--color-success: #28a745;
--color-scrollbar-thumb: #999999;
--color-scrollbar-track: rgba(0, 0, 0, 0.1);
--color-scrollbar-thumb-hover: #666666;
--scrollbar-color: #ffc107; /* 滚动条颜色 */
}
html,
body {
width: 100%;
height: 100%;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
h1 {
@apply text-2xl font-bold;
}
@@ -20,42 +28,60 @@
@apply text-lg font-bold;
}
}
@layer components {
.btn {
@apply bg-blue-500 text-white font-bold py-2 px-4 rounded;
}
.card {
@apply bg-white shadow-md rounded-lg p-4;
.card-title {
@apply text-lg font-bold;
}
.card-subtitle {
@apply text-sm text-gray-500;
}
.card-description {
@apply text-gray-700 break-words;
}
.card-code {
@apply bg-gray-100 p-2;
}
.card-body {
@apply text-gray-700;
}
.card-key {
@apply text-xs text-gray-400;
}
.card-footer {
@apply text-sm text-gray-500;
}
}
/* font-family */
@utility font-family-mon {
font-family: 'Montserrat', sans-serif;
}
@utility font-family-rob {
font-family: 'Roboto', sans-serif;
}
@utility font-family-int {
font-family: 'Inter', sans-serif;
}
@utility font-family-orb {
font-family: 'Orbitron', sans-serif;
}
@utility font-family-din {
font-family: 'DIN', sans-serif;
}
@layer utilities {
.layout-menu {
@apply bg-gray-900 p-2 text-white flex justify-between h-12;
@utility flex-row-center {
@apply flex flex-row items-center justify-center;
}
@utility flex-col-center {
@apply flex flex-col items-center justify-center;
}
@utility scrollbar {
overflow: auto;
/* 整个滚动条 */
&::-webkit-scrollbar {
width: 3px;
height: 3px;
}
.bg-custom-blue {
background-color: #3490dc;
&::-webkit-scrollbar-track {
background-color: var(--color-scrollbar-track);
}
}
/* 滚动条有滑块的轨道部分 */
&::-webkit-scrollbar-track-piece {
background-color: transparent;
border-radius: 1px;
}
/* 滚动条滑块(竖向:vertical 横向:horizontal) */
&::-webkit-scrollbar-thumb {
cursor: pointer;
background-color: var(--color-scrollbar-thumb);
border-radius: 5px;
}
/* 滚动条滑块hover */
&::-webkit-scrollbar-thumb:hover {
background-color: var(--color-scrollbar-thumb-hover);
}
/* 同时有垂直和水平滚动条时交汇的部分 */
&::-webkit-scrollbar-corner {
display: block; /* 修复交汇时出现的白块 */
}
}

5
packages/tailwind/css/loading.css
View File

@@ -1,6 +1,6 @@
@tailwind components;
@import 'tailwindcss';
@layer components {
@utility {
.loading {
@apply w-full h-full flex justify-center items-center;
> div {
@@ -11,3 +11,4 @@
@apply w-4 h-4 border-t-2 border-b-2 rounded-full animate-spin;
}
}

3
packages/tailwind/css/scrollbar.css
View File

@@ -1,4 +1,5 @@
.scrollbar {
@import 'tailwindcss';
@utility .scrollbar {
/* 整个滚动条 */
&::-webkit-scrollbar {
width: 3px;