glassheart-ui-core
Version:
Core CSS styles and utilities for GlassHeartUI
54 lines (37 loc) • 828 B
Markdown
# glassheart-ui-core
核心 CSS 樣式和工具類,為 GlassHeartUI 提供基礎的玻璃效果樣式。
## 安裝
```bash
npm install glassheart-ui-core
```
## 使用
### 在 CSS 中引入
```css
@import 'glassheart-ui-core/dist/index.css';
```
### 在 HTML 中引入
```html
<link rel="stylesheet" href="https://unpkg.com/glassheart-ui-core@1.1.0/dist/index.css">
```
### 在 JavaScript 中引入
```javascript
import 'glassheart-ui-core/dist/index.css';
```
## 特色
- 🌊 Liquid Glass 效果
- 🎨 完整的 CSS 變數系統
- ⚡ 性能優化的動畫
- 🌙 淺色/深色主題支援
- ♿ 無障礙支援
## CSS 變數
```css
:root {
--gh-glass-opacity: 0.1;
--gh-glass-blur: 20px;
--gh-animation-duration: 0.3s;
--gh-primary: 59 130 246;
/* ... 更多變數 */
}
```
## 授權
MIT License