TailwindCSS + Lucide - #8
Open
olegshulyakov wants to merge 24 commits into
Open
Conversation
- Removed FontAwesome script - Added Lucide Icons from CDN
- Replace Bootstrap grid system with Tailwind flexbox and grid utilities - Convert all Bootstrap classes to equivalent Tailwind CSS classes - Update external CDN links to use local asset files
- Extract Tailwind utility classes from index.html into devresume.css - Replace utility classes with semantic class names (resume-wrapper, resume-header, resume-body, etc.) - Add new CSS variables for theme colors (backgrounds, borders, links, hearts) - Implement responsive design with media queries in CSS instead of Tailwind breakpoints - Flatten nested SCSS-like structures to standard CSS - Remove Tailwind-specific body classes and inline styling - Maintain visual consistency while improving CSS maintainability
- Remove inline Tailwind config and CDN script from `index.html` - Update `devresume.css` with compiled Tailwind output
- Add extension recommendations for PostCSS and Tailwind CSS IntelliSense - Configure file associations to recognize PostCSS syntax in CSS files - Enable Tailwind CSS suggestions for PostCSS files - Add npm tasks for start, watch, and build commands
- Replace Bootstrap 5 with TailwindCSS - Replace FontAwesome icons with Lucide - Switch from SASS to PostCSS for CSS processing
- Update Tailwind class from `rounded` to `rounded-full` in main.css
- Increase padding from `p-8` to `p-8 lg:p-12` for better spacing on large screens
- Increase left padding of `ul.resume-list` from `pl-5` to `pl-7` for better visual spacing
- Change resume-header grid from 3 to 4 columns on lg breakpoint - Adjust resume-title to span 3 columns on lg (2 on md) - Update resume-body from 3 to 4 columns on lg - Modify resume-main to span 3 columns on lg (2 before)
- Removed `mt-8 mb-8` from `.footer`
- Change `<article>` to `<main>` for semantic HTML - Add `aria-hidden="true"` to decorative icons - Improve profile image alt text - Add `rel="noopener noreferrer"` to external links for security - Add `aria-label` to external links for screen readers - Add `role="img"` and `aria-label` to heart icon
- Add meta description for SEO
Improves font loading performance by preventing render blocking
…sses - Remove unused gray color variables (--gray-100 through --gray-900) - Remove unused --primary and --secondary variable overrides - Replace var(--secondary) with var(--theme-text-color-secondary) - Replace var(--gray-*) variables with Tailwind's built-in gray-* classes
- Remove lighten comments from color definitions - Reorder `--theme-text-color-alt` with secondary colors - Remove unused `--theme-text-color-light` variable - Group border colors together for better organization
- Add dark color scheme variables for all theme colors - Introduce text-muted and text-faint CSS variables for consistent styling - Update resume components to use theme variables instead of hardcoded colors
…ection - Extract award styling into dedicated `.resume-award` and `.resume-award-name` classes - Replace inline utility classes (`font-bold`, `text-gray-500`) with semantic class names - Fix section comment from `education-section` to `awards-section` - Improve maintainability by centralizing award styles in CSS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
main.css, keeping only classes in HTML.