Hugo Korte Hugos68

`tailwind-merge` vs `base:`

`tailwind-merge`

What is it?

tailwind-merge is a package that merges a string of tailwind utilities and merges them from left to right in specificity. This means that bg-red-500 bg-blue-500 would produce bg-blue-500. This works effectively when users want to override the classes by providing their own. This does have a runtime cost, which means everytime a user applies a class themselves tailwind-merge will have to figure out wether or not it should be applied based on the already applied classes.

Bundle Size

Skeleton V3

This file will go through each step in each piece of software that is part of Skeleton that will need to be changed to have a succesful V3 release. This document is a WIP.

Github

Configure next as the default branch:

	{
	"react": {
	"Accordion": [
	{
	"name": "AccordionContextState",
	"properties": [
	{
	"name": "animDuration",
	"type": "number",
	"required": true,

	{
	"unknown": [
	{
	"componentName": "Accordion",
	"interfaces": [
	{
	"name": "AccordionProps",
	"props": [
	{
	"name": "animDuration",

	/**
	* https://github.com/CloudCannon/pagefind/blob/production-docs/pagefind_web_js/types/index.d.ts
	* Original Author: bglw, CloudCannon
	*/

	/** Global index options that can be passed to pagefind.options() */
	export type PagefindIndexOptions = {
	/** Overrides the URL path that Pagefind uses to load its search bundle */
	basePath?: string;
	/** Appends the given baseURL to all search results. May be a path, or a full domain */

	<script lang="ts">
	const click_outside = (node: HTMLDialogElement) => {
	const onclick = (event: MouseEvent) => {
	if (event.target === null \|\| !(event.target instanceof Element)) {
	return;
	}
	if (event.target.tagName !== 'DIALOG') {
	//This prevents issues with forms
	return;
	}