├── .gitignore ├── LICENSE ├── README.md ├── components.json ├── eslint.config.js ├── index.html ├── package.json ├── postcss.config.js ├── public ├── apple-touch-icon.png ├── favicon-96x96.png ├── favicon.ico ├── favicon.svg ├── large-og-image.png ├── logo.png ├── site.webmanifest ├── vite.svg ├── web-app-manifest-192x192.png └── web-app-manifest-512x512.png ├── src ├── App.tsx ├── assets │ └── react.svg ├── components │ ├── BaseFontSize.tsx │ ├── ConversionHistory.tsx │ ├── ConversionInfo.tsx │ ├── CopyButton.tsx │ ├── FontSizeTip.tsx │ ├── Navbar.tsx │ ├── SaveToHistoryButton.tsx │ ├── ThemeToggle.tsx │ ├── UnitInput.tsx │ ├── UnitSelect.tsx │ ├── theme │ │ └── ThemeProvider.tsx │ └── ui │ │ ├── button.tsx │ │ ├── drawer.tsx │ │ ├── dropdown-menu.tsx │ │ ├── input.tsx │ │ ├── scroll-area.tsx │ │ ├── select.tsx │ │ ├── toast.tsx │ │ ├── toaster.tsx │ │ └── tooltip.tsx ├── constants │ ├── defaultTheme.ts │ ├── initialState.ts │ └── storageKey.ts ├── context │ └── ThemeProviderContext.tsx ├── hooks │ ├── useConversionHistory.ts │ ├── useMediaQuery.ts │ ├── useThemeContext.ts │ └── useToast.ts ├── layout │ ├── ConversionHistoryLayout.tsx │ ├── MainLayout.tsx │ └── NavbarLayout.tsx ├── lib │ └── utils.ts ├── main.tsx ├── styles │ └── global.css ├── types │ └── index.ts ├── utils │ ├── convertionInfo.ts │ └── copyInputText.ts └── vite-env.d.ts ├── tailwind.config.js ├── tsconfig.app.json ├── tsconfig.json ├── tsconfig.node.json └── vite.config.ts /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/.gitignore -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/README.md -------------------------------------------------------------------------------- /components.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/components.json -------------------------------------------------------------------------------- /eslint.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/eslint.config.js -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/index.html -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/package.json -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/postcss.config.js -------------------------------------------------------------------------------- /public/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/public/apple-touch-icon.png -------------------------------------------------------------------------------- /public/favicon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/public/favicon-96x96.png -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/favicon.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/public/favicon.svg -------------------------------------------------------------------------------- /public/large-og-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/public/large-og-image.png -------------------------------------------------------------------------------- /public/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/public/logo.png -------------------------------------------------------------------------------- /public/site.webmanifest: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/public/site.webmanifest -------------------------------------------------------------------------------- /public/vite.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/public/vite.svg -------------------------------------------------------------------------------- /public/web-app-manifest-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/public/web-app-manifest-192x192.png -------------------------------------------------------------------------------- /public/web-app-manifest-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/public/web-app-manifest-512x512.png -------------------------------------------------------------------------------- /src/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/App.tsx -------------------------------------------------------------------------------- /src/assets/react.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/assets/react.svg -------------------------------------------------------------------------------- /src/components/BaseFontSize.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/components/BaseFontSize.tsx -------------------------------------------------------------------------------- /src/components/ConversionHistory.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/components/ConversionHistory.tsx -------------------------------------------------------------------------------- /src/components/ConversionInfo.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/components/ConversionInfo.tsx -------------------------------------------------------------------------------- /src/components/CopyButton.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/components/CopyButton.tsx -------------------------------------------------------------------------------- /src/components/FontSizeTip.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/components/FontSizeTip.tsx -------------------------------------------------------------------------------- /src/components/Navbar.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/components/Navbar.tsx -------------------------------------------------------------------------------- /src/components/SaveToHistoryButton.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/components/SaveToHistoryButton.tsx -------------------------------------------------------------------------------- /src/components/ThemeToggle.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/components/ThemeToggle.tsx -------------------------------------------------------------------------------- /src/components/UnitInput.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/components/UnitInput.tsx -------------------------------------------------------------------------------- /src/components/UnitSelect.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/components/UnitSelect.tsx -------------------------------------------------------------------------------- /src/components/theme/ThemeProvider.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/components/theme/ThemeProvider.tsx -------------------------------------------------------------------------------- /src/components/ui/button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/components/ui/button.tsx -------------------------------------------------------------------------------- /src/components/ui/drawer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/components/ui/drawer.tsx -------------------------------------------------------------------------------- /src/components/ui/dropdown-menu.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/components/ui/dropdown-menu.tsx -------------------------------------------------------------------------------- /src/components/ui/input.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/components/ui/input.tsx -------------------------------------------------------------------------------- /src/components/ui/scroll-area.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/components/ui/scroll-area.tsx -------------------------------------------------------------------------------- /src/components/ui/select.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/components/ui/select.tsx -------------------------------------------------------------------------------- /src/components/ui/toast.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/components/ui/toast.tsx -------------------------------------------------------------------------------- /src/components/ui/toaster.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/components/ui/toaster.tsx -------------------------------------------------------------------------------- /src/components/ui/tooltip.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/components/ui/tooltip.tsx -------------------------------------------------------------------------------- /src/constants/defaultTheme.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/constants/defaultTheme.ts -------------------------------------------------------------------------------- /src/constants/initialState.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/constants/initialState.ts -------------------------------------------------------------------------------- /src/constants/storageKey.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/constants/storageKey.ts -------------------------------------------------------------------------------- /src/context/ThemeProviderContext.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/context/ThemeProviderContext.tsx -------------------------------------------------------------------------------- /src/hooks/useConversionHistory.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/hooks/useConversionHistory.ts -------------------------------------------------------------------------------- /src/hooks/useMediaQuery.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/hooks/useMediaQuery.ts -------------------------------------------------------------------------------- /src/hooks/useThemeContext.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/hooks/useThemeContext.ts -------------------------------------------------------------------------------- /src/hooks/useToast.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/hooks/useToast.ts -------------------------------------------------------------------------------- /src/layout/ConversionHistoryLayout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/layout/ConversionHistoryLayout.tsx -------------------------------------------------------------------------------- /src/layout/MainLayout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/layout/MainLayout.tsx -------------------------------------------------------------------------------- /src/layout/NavbarLayout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/layout/NavbarLayout.tsx -------------------------------------------------------------------------------- /src/lib/utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/lib/utils.ts -------------------------------------------------------------------------------- /src/main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/main.tsx -------------------------------------------------------------------------------- /src/styles/global.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/styles/global.css -------------------------------------------------------------------------------- /src/types/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/types/index.ts -------------------------------------------------------------------------------- /src/utils/convertionInfo.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/utils/convertionInfo.ts -------------------------------------------------------------------------------- /src/utils/copyInputText.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/src/utils/copyInputText.ts -------------------------------------------------------------------------------- /src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/tailwind.config.js -------------------------------------------------------------------------------- /tsconfig.app.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/tsconfig.app.json -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/tsconfig.json -------------------------------------------------------------------------------- /tsconfig.node.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/tsconfig.node.json -------------------------------------------------------------------------------- /vite.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zshaian/css-units-playground/HEAD/vite.config.ts --------------------------------------------------------------------------------