Jag tyckte det var enkelt att komma igång. Jag gjorde på samma vis som tidigare uppgifter. Skapade en grund genom npm create vite@latest och fördelning av filer inom huvudmappen. Exempelvis node_modules till .gitignore samt la till vite.config.js
med övriga sidor inom den filen medmera.
Jag skapade SCSS-fil genom npm install sass --save-dev.
I början upplevde jag det lite krångligt med SCSS. Men efter ett tag blev det enklare. Jag kunde relatera till tidigare uppgifter där jag skapat flera olika buttons med samma grundinställning. Genom sass insåg jag att det denna process
går att förenkla.
Inom tidigare hemsidor kände jag ibland att det blev ostrukturerat med alla regler inom en enda CSS-fil. Över lag fungerar det bra inom mindre hemsidor men vid större webbplatser blir det krångligt. Det är smart att kunna ha olika
komponenter som knappar i en scss-fil medan layouter till sidorna i en annan fil, samt variabler i en tredje exempelvis.
Att experimentera med color.complement samt color.scale tyckte jag var roligt. Det är snyggt när hover-effekten läggs på genom att dra ned eller höja ljusstyrkan genom scale. Samtidigt som det med complement går att hitta färgscheman
som passar väl ihop med varandra.
Mixin använde jag samt extend och med placeholder. Det går att skicka med parametrar med mixin. Jag upplevde att båda teknikerna med @extend och @mixin liknade varandra.
Jag valde med @if/else att ändra färg på navigeringslänkarna på mindre skärmar, jämfört med större skärmar.
Sammanfattningsvis tror jag att om tid läggs ned på att lära sig SCSS, blir det ett bättre verktyg än att skriva bara CSS. Just nu, i detta arbete, kände jag att det tar längre tid att skriva SCSS, eftersom jag inte tränat lika mycket
på det.