Kcko

https://jsbin.com/cawipexoma/edit?html,css,output

Kcko

.toast {
  --base-toast-color: hsl(226, 87%, 56%);

  color: oklch(from var(--toast-color) 25% c h);
  border: 2px solid var(--toast-color);
  background: oklch(from var(--toast-color) 90% calc(c / 2) h);
  box-shadow: 0 12px 12px -8px oklch(from var(--toast-color) l c h / 0.325);
}
.oklch {
  [data-toast="info"] {

Kcko

/*
https://jsbin.com/setohiqiwe/edit?html,css,output
*/

:root {
	--color: red;
}

.a, .b, .c {
	margin: 1rem;

Kcko

<?php

$regex1 = '/(\d+) \1/';     // Backreference
$regex2 = '/(\d+) (?1)/';   // Subroutine

100 100 // ✅ only backreference
100 200 // ✅ both!


// https://github.com/Hamz-a/php-regex-best-practices/blob/master/07%20Writing%20modular%20regexes.md

Kcko

// useFormHandler.js
import { ref } from 'vue'

export function useFormHandler(initialData = {}) {
  const formData = ref({ ...initialData })
  const errors = ref({})
  const validate = () => {
    errors.value = {}
    Object.keys(formData.value).forEach(key => {
      if (!formData.value[key]) errors.value[key] = 'Required'

Kcko

https://jsbin.com/qonusuciru/6/edit?html,css,output

Kcko

_

Kcko

_

Kcko

https://jsbin.com/hegesunoyu/3/edit?html,css,output

Kcko

/* [1] Card List */
https://codepen.io/kevinpowell/pen/RwvWoLg

/* [2] Two list side by side with unlimited rows and same height on each row */
https://codepen.io/kevinpowell/pen/KKqjrRO