blinq/ui

这是我的 ui 包

安装: 3

依赖: 0

建议者: 0

安全: 0

星星: 0

关注者: 2

分支: 0

开放问题: 2

语言:Blade

v0.0.7 2023-09-27 12:48 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">