imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tidy up assets files.

Browse Source
This commit is contained in:
chiayin
2023-04-18 11:13:09 +08:00
parent ca781f3938
commit cee72bb8da
8 changed files with 103 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
src/assets/tailwind.css
View File

@@ -4,88 +4,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
/* 全域字型 */
@layer base {
html {
font-family: 'Roboto', sans-serif, system-ui;
color: #0f172a;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1;
}
}
/* Scrollbar */
@layer utilities {
.scrollbar::-webkit-scrollbar {
@apply w-2 h-2
}
.scrollbar::-webkit-scrollbar-track {
@apply bg-transparent rounded-full
}
.scrollbar::-webkit-scrollbar-thumb {
@apply bg-primary rounded-full
}
.scrollbar::-webkit-scrollbar-thumb:hover {
@apply bg-primary
}
}
/* components */
/* button */
.btn {
@apply inline-block rounded-full text-sm font-medium text-center align-middle transition-colors duration-300
}
.btn-sm {
@apply px-5 py-2
}
.btn-lg {
@apply px-4 py-2.5
}
.btn-c-primary {
@apply text-neutral-50 bg-primary border border-primary hover:bg-neutral-50 hover:text-primary hover:border hover:border-primary active:border active:ring focus:outline-none focus:border-primary focus:ring
}
.btn-disable {
@apply border border-neutral-200 bg-neutral-50 text-neutral-200
}
.btn-neutral {
@apply text-neutral-700 bg-neutral-100 border border-neutral-500 hover:bg-neutral-500 hover:text-neutral-100 hover:border-neutral-300 focus:outline-none focus:border-neutral-500 focus:ring active:ring
}
/* button toggle */
.btn-toggle-content {
@apply flex justify-between items-center w-full rounded-full bg-neutral-100 text-neutral-500
}
.btn-toggle-item {
@apply text-sm leading-5 font-medium text-center justify-center w-1/2 px-7 py-1.5 rounded-full cursor-pointer transition-all duration-200
}
.btn-toggle-show {
@apply bg-primary text-neutral-10 shadow-md
}
/* invalid */
.is-invalid :invalid{
@apply invalid:border-danger focus:ring-danger
}
/* height */
.h-screen-main {
height: calc(100vh - 104px);
}
/* Navbar */
nav ul>li {
@apply px-2 py-3.5 duration-300 hover:bg-neutral-900 hover:text-neutral-10 active:bg-neutral-900 active:text-neutral-10;
}
/* Header */
.h1 {
@apply font-bold text-base leading-10
}
.h2 {
@apply font-bold text-sm leading-10
}