PhongPham
c65cc97a33
✨ MAJOR FEATURES: • Auto-zoom intelligence với smart bounds fitting • Enhanced 3D GPS markers với pulsing effects • Professional route display với 6-layer rendering • Status-based parking icons với availability indicators • Production-ready build optimizations 🗺️ AUTO-ZOOM FEATURES: • Smart bounds fitting cho GPS + selected parking • Adaptive padding (50px) cho visual balance • Max zoom control (level 16) để tránh quá gần • Dynamic centering khi không có selection 🎨 ENHANCED VISUALS: • 3D GPS marker với multi-layer pulse effects • Advanced parking icons với status colors • Selection highlighting với animation • Dimming system cho non-selected items 🛣️ ROUTE SYSTEM: • OpenRouteService API integration • Multi-layer route rendering (glow, shadow, main, animated) • Real-time distance & duration calculation • Visual route info trong popup 📱 PRODUCTION READY: • SSR safe với dynamic imports • Build errors resolved • Global deployment via Vercel • Optimized performance 🌍 DEPLOYMENT: • Vercel: https://whatever-ctk2auuxr-phong12hexdockworks-projects.vercel.app • Bundle size: 22.8 kB optimized • Global CDN distribution • HTTPS enabled 💾 VERSION CONTROL: • MapView-v2.0.tsx backup created • MAPVIEW_VERSIONS.md documentation • Full version history tracking
67 lines
1.7 KiB
Markdown
67 lines
1.7 KiB
Markdown
# Autoprefixer [![Cult Of Martians][cult-img]][cult]
|
||
|
||
<img align="right" width="94" height="71"
|
||
src="https://postcss.github.io/autoprefixer/logo.svg"
|
||
title="Autoprefixer logo by Anton Lovchikov">
|
||
|
||
[PostCSS] plugin to parse CSS and add vendor prefixes to CSS rules using values
|
||
from [Can I Use]. It is recommended by Google and used in Twitter and Alibaba.
|
||
|
||
Write your CSS rules without vendor prefixes (in fact, forget about them
|
||
entirely):
|
||
|
||
```css
|
||
::placeholder {
|
||
color: gray;
|
||
}
|
||
|
||
.image {
|
||
background-image: url(image@1x.png);
|
||
}
|
||
@media (min-resolution: 2dppx) {
|
||
.image {
|
||
background-image: url(image@2x.png);
|
||
}
|
||
}
|
||
```
|
||
|
||
Autoprefixer will use the data based on current browser popularity and property
|
||
support to apply prefixes for you. You can try the [interactive demo]
|
||
of Autoprefixer.
|
||
|
||
```css
|
||
::-moz-placeholder {
|
||
color: gray;
|
||
}
|
||
::placeholder {
|
||
color: gray;
|
||
}
|
||
|
||
.image {
|
||
background-image: url(image@1x.png);
|
||
}
|
||
@media (-webkit-min-device-pixel-ratio: 2),
|
||
(min-resolution: 2dppx) {
|
||
.image {
|
||
background-image: url(image@2x.png);
|
||
}
|
||
}
|
||
```
|
||
|
||
Twitter account for news and releases: [@autoprefixer].
|
||
|
||
<a href="https://evilmartians.com/?utm_source=autoprefixer">
|
||
<img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg" alt="Sponsored by Evil Martians" width="236" height="54">
|
||
</a>
|
||
|
||
[interactive demo]: https://autoprefixer.github.io/
|
||
[@autoprefixer]: https://twitter.com/autoprefixer
|
||
[Can I Use]: https://caniuse.com/
|
||
[cult-img]: https://cultofmartians.com/assets/badges/badge.svg
|
||
[PostCSS]: https://github.com/postcss/postcss
|
||
[cult]: https://cultofmartians.com/tasks/autoprefixer-grid.html
|
||
|
||
|
||
## Docs
|
||
Read full docs **[here](https://github.com/postcss/autoprefixer#readme)**.
|