view release on metacpan or  search on metacpan

lib/Punk/Plugin/Queue/assets/funky/css/03-buttons.css  view on Meta::CPAN

/* ============================================
   BUTTONS.CSS - Funky Button System
   Unified button system with proper cascade order
   ============================================ */

/* ============================================
   CSS VARIABLES - Button Theming
   ============================================ */
:root {
  /* Button Font Sizes (rem for user font-scale support) */
  --btn-font-xs: 0.6875rem; /* 11px at 1x scale */
  --btn-font-sm: 0.75rem;   /* 12px at 1x scale */
  --btn-font-md: 0.8125rem; /* 13px at 1x scale */
  --btn-font-lg: 0.875rem;  /* 14px at 1x scale */

  /* Button Border Radius */
  --btn-radius: 6px;
  --btn-radius-sm: 4px;
  --btn-radius-lg: 8px;
  --btn-radius-round: 9999px;

  /* Default button sizing (comfortable density fallbacks) */
  --btn-height-xs: 24px;
  --btn-height-sm: 28px;
  --btn-height-md: 36px;
  --btn-height-lg: 44px;
  --btn-padding-xs: 4px 8px;
  --btn-padding-sm: 6px 12px;
  --btn-padding-md: 8px 16px;
  --btn-padding-lg: 12px 24px;
  /* Individual padding values for calc() operations */
  --btn-padding-y-xs: 4px;
  --btn-padding-x-xs: 8px;
  --btn-padding-y-sm: 6px;
  --btn-padding-x-sm: 12px;
  --btn-padding-y-md: 8px;
  --btn-padding-x-md: 16px;
  --btn-padding-y-lg: 12px;
  --btn-padding-x-lg: 24px;

  /* Primary button uses user accent when set */
  --btn-primary-bg: var(--user-accent, var(--pro-accent-primary));
  --btn-primary-hover: var(--user-accent-hover, var(--pro-accent-primary-hover));
}

/* ============================================
   1. BASE BUTTON STYLES
   All buttons start here - this MUST come first
   ============================================ */
.btn,
.btn-funky,
.btn-funky-primary,
.btn-funky-secondary,
.btn-funky-outline,
.btn-funky-outline-primary,
.btn-funky-outline-secondary,
.btn-funky-outline-danger,
.btn-funky-warning,
.btn-funky-danger,
.btn-funky-success,
.btn-icon {
  /* Reset */
  margin: 0;