alecodes/personal-page
2
0
Fork 0
Code Issues 17 Pull requests Projects 1 Releases Packages 1 Wiki Activity Actions

refactor(Style): add SASS to reduce style repetition

Browse source 
- Use list, maps and loops to reduce code duplication with small variations
- Use SASS functions for some extreme cases
- Keep native CSS variables to allow overriding/reference in other
  styles

refactor(Style): change css theme variables to SASS

add sass files from catppuccin to the project instead of importing it from NPM

refactor(Style): use SASS functions to reduce code boilerplate
This commit is contained in:
Alexander Navarro 2024-03-13 11:45:24 -03:00
parent d52de9bc59
commit daa5eb27b6
14 changed files with 579 additions and 694 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/Card.astro
View file

@ -23,7 +23,7 @@ export interface Props {
background-color: var(--prj-surface-2);
color: var(--prj-surface-text);
border: 1px solid var(--prj-surface-2);
border-radius: var(--prj-border-radious);
border-radius: var(--prj-border-radius);
box-shadow: 5px 5px 5px 5px var(--prj-shadow);
padding: var(--prj-spacing-2) var(--prj-spacing-3);