tw-runner/mysite/assets/css/variables/encapsulation.css

Run and manage Tower Website projects with this utility.

@theme {
  /* BORDER WIDTH */
  --border-width-thin: 1px;
  --border-width-medium: 2px;
  --border-width-thick: 4px;

  /* BORDER COLOR */
  --border-color-primary: var(--primary);
  --border-color-dark: var(--primary-dark);

  /* BORDER RADIUS */
  --rounded-none: 0;
  --rounded-sm: 4px;
  --rounded-md: 8px;
  --rounded-lg: 16px;

  /* SHADOW */
  --shadow-none: none;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);

  /* OPACITY */
  --opacity-0: 0;
  --opacity-25: 0.25;
  --hover-opacity: 0.85;
}