kunthawat/dealplustech
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Convert to pure Astro CSS (no Tailwind)

Browse Source 
- Removed Tailwind CSS dependency (19KB → 8.7KB CSS)
- Created native Astro CSS with CSS custom properties
- All utility classes using vanilla CSS
- Scoped component styles with Astro's built-in scoping
- Same green theme and design preserved
- Zero build dependencies for CSS
- Faster builds, smaller bundle
- True 'Astro way' of styling
This commit is contained in:
Kunthawat
2026-03-12 19:31:12 +07:00
parent 7b8dac1f6d
commit 64dbc5da6f
2445 changed files with 227 additions and 271734 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
dist/products/pp-r-pp-rct-poloplast/index.html vendored
View File

@@ -1,5 +1,4 @@
<!DOCTYPE html><html lang="th"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Astro v5.18.0"><meta name="description" content="ท่อ PP-R/PP-RCT POLOPLAST คุณภาพเยอรมัน"><!-- Favicon --><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="alternate icon" href="/favicon.ico" sizes="any"><link rel="apple-touch-icon" href="/favicon.svg"><!-- Google Fonts: Kanit for Thai --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap" rel="stylesheet"><!-- SEO --><meta property="og:title" content="ท่อ PP-R/PP-RCT POLOPLAST"><meta property="og:description" content="ท่อ PP-R/PP-RCT POLOPLAST คุณภาพเยอรมัน"><meta property="og:image" content="/og-image.jpg"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><title>ท่อ PP-R/PP-RCT POLOPLAST | ดีล พลัส เทค</title><link rel="stylesheet" href="/_astro/consent-logs.Bis7Oloi.css">
<style>@media(min-width:1280px){html{font-size:18px}}@media(min-width:1536px){html{font-size:20px}}
<!DOCTYPE html><html lang="th"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Astro v5.18.0"><meta name="description" content="ท่อ PP-R/PP-RCT POLOPLAST คุณภาพเยอรมัน"><!-- Favicon --><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="alternate icon" href="/favicon.ico" sizes="any"><link rel="apple-touch-icon" href="/favicon.svg"><!-- Google Fonts: Kanit for Thai --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap" rel="stylesheet"><!-- SEO --><meta property="og:title" content="ท่อ PP-R/PP-RCT POLOPLAST"><meta property="og:description" content="ท่อ PP-R/PP-RCT POLOPLAST คุณภาพเยอรมัน"><meta property="og:image" content="/og-image.jpg"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><title>ท่อ PP-R/PP-RCT POLOPLAST | ดีล พลัส เทค</title><!-- Global CSS --><link rel="stylesheet" href="/styles/globals.css"><style>@media(min-width:1280px){html{font-size:18px}}@media(min-width:1536px){html{font-size:20px}}
</style></head> <body class="flex flex-col min-h-screen"> <main class="py-12" data-astro-cid-o422f4lv> <article class="container mx-auto px-4 max-w-7xl" data-astro-cid-o422f4lv> <!-- Product Header --> <header class="mb-12" data-astro-cid-o422f4lv> <h1 class="text-4xl md:text-5xl lg:text-6xl xl:text-7xl font-bold text-secondary-900 mb-6" data-astro-cid-o422f4lv> ท่อ PP-R/PP-RCT POLOPLAST </h1> <p class="text-lg md:text-xl lg:text-2xl xl:text-3xl text-secondary-600 max-w-4xl" data-astro-cid-o422f4lv> ท่อพีพีอาร์ POLOPLAST จากเยอรมนี มาตรฐาน DVGW และ SKZ ทนอุณหภูมิ 95°C รับประกัน 10 ปี </p> </header> <!-- Content from Markdown --> <div class="prose prose-lg md:prose-xl lg:prose-2xl max-w-none mb-12" data-astro-cid-o422f4lv> <h1 id="ท่อ-pp-rpp-rct-poloplast">ท่อ PP-R/PP-RCT POLOPLAST</h1>
<h2 id="ภาพรวม">ภาพรวม</h2>
<p>ท่อพีพีอาร์ <strong>POLOPLAST</strong> เป็นผลิตภัณฑ์ <strong>ระดับพรีเมียมจากเยอรมนี</strong> มีทั้งรุ่น PP-R และ PP-RCT ที่ได้รับการพัฒนาด้วยเทคโนโลยีล้ำสมัย ท่อ POLOPLAST ผ่านมาตรฐาน DVGW และ SKZ ระดับสากล</p>