set up new workflow and migrate to .forgejo dir (#5)
Some checks failed
Deploy / deploy (push) Failing after 39s
Some checks failed
Deploy / deploy (push) Failing after 39s
Co-authored-by: Benjamin Palko <benjaminpalko@hotmail.com> Reviewed-on: #5
This commit is contained in:
parent
c37955c51b
commit
f526f5c0aa
99 changed files with 1866 additions and 1470 deletions
|
|
@ -4,6 +4,7 @@ description: MANDATORY usage rules for daisyUI 5
|
|||
---
|
||||
|
||||
## daisyUI 5 usage rules
|
||||
|
||||
1. We can give styles to a HTML element by adding daisyUI class names to it. By adding a component class name, part class names (if there's any available for that component), and modifier class names (if there's any available for that component)
|
||||
2. Components can be customized using Tailwind CSS utility classes if the customization is not possible using the existing daisyUI classes. For example `btn px-10` sets a custom horizontal padding to a `btn`
|
||||
3. If customization of daisyUI styles using Tailwind CSS utility classes didn't work because of CSS specificity issues, you can use the `!` at the end of the Tailwind CSS utility class to override the existing styles. For example `btn bg-red-500!` sets a custom background color to a `btn` forcefully. This is a last resort solution and should be used sparingly
|
||||
|
|
@ -18,6 +19,7 @@ description: MANDATORY usage rules for daisyUI 5
|
|||
12. Always use the default variant of daisyUI components unless the user asked for a specific variant or color. For example when you need a button, do not use `btn btn-primary`, prefer `btn`, unless the user asked for a specific variant.
|
||||
|
||||
daisyUI 5 class names are one of the following categories. These type names are only for reference and are not used in the actual code
|
||||
|
||||
- `component`: the required component class
|
||||
- `part`: a child part of a component
|
||||
- `style`: sets a specific style to component or part
|
||||
|
|
@ -35,7 +37,7 @@ Use Tailwind's `@utility` directive to customize a daisyUI component globally:
|
|||
|
||||
```css
|
||||
@utility btn {
|
||||
@apply rounded-full;
|
||||
@apply rounded-full;
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -51,8 +53,8 @@ Use Tailwind's `@utility` directive to customize a daisyUI component globally:
|
|||
daisyUI includes the `properties`, `rootcolor`, `scrollbar`, `rootscrolllock`, `rootscrollgutter`, and `svg` base modules. Exclude an unwanted module from the plugin config by its module name:
|
||||
|
||||
```css
|
||||
@plugin "daisyui" {
|
||||
exclude: rootscrollgutter;
|
||||
@plugin 'daisyui' {
|
||||
exclude: rootscrollgutter;
|
||||
}
|
||||
```
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue