Was ist eine SCSS Datei und wie kann ich sie einbinden?
Hallo, habe mir von Codepen dieses Sript rausgesucht: https://codepen.io/alphardex/pen/dyPorwJ
Ich habe die Sachen ganz normal in meine CSS und HTML Datei kopiert. Dann ist mir aufgefallen, dass es sich um eine SCSS Datei handelt… was genau ist das? Und wie binde ich sie ein? Ich habe es mit umbennen probiert, aber leider jetzt nur einen Schneepunkt oben links in der Ecke (siehe Screenshot) Und ja ich weiß ein iPad ist alles andere als optimal zum Programmieren bin aber gerade unterwegs und kann nicht an den PC (dort sieht es aber genau so aus)
2 Antworten
wenn man programmieren will - sollte man auch lernen zu googeln. nur als kleine tipp
https://nextgeneration.mysign.ch/de/themen/wissen/frontend-entwicklung/scss-sass.html
https://www.flagbit.de/blog/einfuehrung-und-grundlagen-scss/
https://www.youtube.com/results?search_query=scss+tutorial+deutsch
wie beschrieben und auch von lezurex erwähnt
"muss es also erst zu CSS kompiliert werden."
und hier auch nochmal in einem video, was ich oben verlinkt hab
https://www.youtube.com/watch?v=Vyp3Nh0QvSk&ab_channel=TheMorpheusTutorials
oder hier direkt in vsc https://www.youtube.com/watch?v=Zz6eOVaaelI&ab_channel=DevEd
SCSS ist kompiliertes CSS. Bevor es vom Browser genutzt werden kann, muss es also erst zu CSS kompiliert werden.
Das kompilierte CSS findest du im Source Code hier drin (gemischt mit restlichem HTML): https://cdpn.io/alphardex/fullpage/dyPorwJ
Ist halt lange, aber dafür gibts ja eben SCSS.
Wie genau muss ich dass denn jetzt einbinden? den Code habe ich ja schon rauskopiert?
Du musst das kompilierte CSS kopieren und einbinden. Ist aber halt ziemlich viel, weil es ja eben kompiliert wurde.
Wie komme ich an die kompilierte CSS dran? Kann ja auf dem iPad nicht auf Element untersuchen…
Habs genau so gemacht… alles was drin steht ist: <head></head><body></body>
Dann weiss ich auch nicht... Ein iPad ist halt, wie du schon erkannt hast, überhaupt nicht zum Programmieren geeignet.
Danke, verstehe aber trotzdem nicht, wie ich das jetzt einbinden soll?