init
This commit is contained in:
35
src/assets/main.css
Normal file
35
src/assets/main.css
Normal file
@@ -0,0 +1,35 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
:root {
|
||||
--primary-color: #007AFF;
|
||||
--primary-hover: #0063CC;
|
||||
--bg-light: #FBFBFD;
|
||||
--sidebar-bg: #F8FAFD;
|
||||
--text-main: #1D1D1F;
|
||||
--text-sec: #86868B;
|
||||
--border-color: #E5E5E7;
|
||||
--card-shadow: 0 12px 30px rgba(0, 0, 0, 0.04);
|
||||
--btn-shadow: 0 4px 12px rgba(0, 122, 255, 0.25);
|
||||
--radius-card: 24px;
|
||||
--radius-btn: 12px;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
background-color: var(--bg-light);
|
||||
color: var(--text-main);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Base custom styles for utility-like usage */
|
||||
.bg-light { background-color: var(--bg-light); }
|
||||
.bg-sidebar { background-color: var(--sidebar-bg); }
|
||||
.text-main { color: var(--text-main); }
|
||||
.text-sec { color: var(--text-sec); }
|
||||
.border-main { border-color: var(--border-color); }
|
||||
Reference in New Issue
Block a user