blinq / ui
这是我的 ui 包
v0.0.7
2023-09-27 12:48 UTC
Requires
- php: ^8.1
- illuminate/contracts: ^9.0
- spatie/laravel-package-tools: ^1.14.0
Requires (Dev)
- laravel/pint: ^1.0
- nunomaduro/collision: ^7.9
- orchestra/testbench: ^8.0
- pestphp/pest: ^2.0
- pestphp/pest-plugin-arch: ^2.0
- pestphp/pest-plugin-laravel: ^2.0
- spatie/laravel-ray: ^1.26
This package is auto-updated.
Last update: 2024-09-09 14:20:36 UTC
README
依赖项
- Tailwind CSS
- Alpine JS
- Blinq/Icons
当您使用 Tailwind CSS 时
编辑您的 tailwind.config.js
文件并添加以下行
/** @type {import('tailwindcss').Config} */ module.exports = { content: [ // .. ...require('./vendor/blinq/ui/tailwind.content'), // Add this line ], theme: { extend: { fontFamily: { // .. sans: ["Poppins", "sans-serif"], // Add this line }, colors: { // .. ...require('./vendor/blinq/ui/tailwind.colors'), // Add this line }, }, }, } Add the following lines to your `resources/css/app.css` file: ```css @import "tailwindcss/base"; ... @import "../../vendor/blinq/ui/resources/css/main.css"; // Add this line
字体
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap" rel="stylesheet">