From 5d38404d54732193b822d80485371d5b74ae4e4b Mon Sep 17 00:00:00 2001 From: Kamal Wickramanayake Date: Sun, 5 Jul 2026 22:16:56 +0530 Subject: Theme colors changed, font size change links added --- tailwindcss/02-vite/README | 1 + tailwindcss/02-vite/index.html | 19 +++++++++++++------ tailwindcss/02-vite/src/main.js | 25 +++++++++++++++++++++++++ tailwindcss/02-vite/src/style.css | 6 +++--- 4 files changed, 42 insertions(+), 9 deletions(-) (limited to 'tailwindcss') diff --git a/tailwindcss/02-vite/README b/tailwindcss/02-vite/README index 75a9204..bfd1a1d 100644 --- a/tailwindcss/02-vite/README +++ b/tailwindcss/02-vite/README @@ -9,6 +9,7 @@ What Tailwind CSS features are used: Other important aspects of this project: - JavaScript local storage is used to permanently store the set theme by the user. This is not always required and Tailwind CSS can automatically pick the theme set at OS level. + - Font size increas and decress does not use Tailwind CSS. JavaScript has been used to set the root element's font size. That changes the size of all components in the page. Why? (Hint: Think about how the rem unit works) Try this sample project: diff --git a/tailwindcss/02-vite/index.html b/tailwindcss/02-vite/index.html index f44f5a1..3060e72 100644 --- a/tailwindcss/02-vite/index.html +++ b/tailwindcss/02-vite/index.html @@ -6,11 +6,11 @@ Tailwind CSS Starter - +