Files
website/website/resources/styles/styles.scss
Claude Dev ec8f0272ec Migrate frontend to Vuetify/Vuexy + add real WHMCS product data
- Migrate all frontend from plain JS/Tailwind to TypeScript/Vuetify 3 (Vuexy design system)
- Replace placeholder plans with 25 real products scraped from WHMCS:
  9 VPS plans ($4.20-$30/mo), 8 dedicated servers ($44.39-$107.99/mo),
  4 web hosting plans ($2.39-$15.99/mo), 4 MySQL hosting plans ($6-$30/mo)
- Fix Pricing page: correct field mapping (service_type, price), display
  feature values instead of keys, proper price formatting
- Update all marketing pages (Home, Products, VPS, Dedicated, Web Hosting)
  with real specs, pricing, and features from production WHMCS
- Add 38 Vuexy @core SCSS override files for component styling
- Create 4 layouts (Account, Admin, Auth, Marketing) with Vuetify
- Add AppTextField/AppSelect/AppTextarea wrapper components
- Purple primary theme (#7367F0), dark mode default
- 52 tests passing, build clean

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-09 10:16:41 -05:00

36 lines
528 B
SCSS

// Import Vuexy's full Vuetify component override chain
@use "@core-scss/template/libs/vuetify";
// ━━━ Project-specific overrides ━━━
html {
scroll-behavior: smooth;
}
html,
body,
#app {
min-height: 100vh;
}
// Invert white logo for light backgrounds
.logo-light {
filter: brightness(0) saturate(100%);
}
// Links
a {
text-decoration: none;
}
// Iconify icon size
svg.iconify {
block-size: 1em;
inline-size: 1em;
}
// Vuetify 3 paragraph margin (Vuexy convention)
p {
margin-block-end: 1rem;
}