SCSS & Sass კომპილატორი
შეადგინეთ ჩასმული SCSS/Sass ფრაგმენტები ან ადგილობრივი .scss/.sass ფაილები პირდაპირ თქვენს ბრაუზერში. თქვენი სტილის ფურცელი არ არის ატვირთული, შესული ან გაგზავნილი API-ზე.
დააჭირეთ SCSS/Sass ფაილის ასარჩევად ან ჩააგდეთ აქ
თქვენ ასევე შეგიძლიათ ჩასვათ SCSS/Sass პირდაპირ ქვემოთ მოცემულ რედაქტორში.
0 ბაიტი
0 ბაიტი
ბრაუზერში ჩაშენებული კომპილაცია
კომპილაცია ლოკალურად მიმდინარეობს ოფიციალური Dart Sass იმპლემენტაციის გამოყენებით. არცერთი stylesheet არ იგზავნება Convertr სერვერებზე.
ფრაგმენტისა და ფაილის შეყვანა
ჩასვით ნაწილობრივი SCSS, სრული სტილის ფურცლები, ჩაბუდებული წესები, ცვლადები, მიქსინები ან ჩატვირთეთ ლოკალური .scss ფაილი.
უსაფრთხო გაზომვა
ანალიტიკა იყენებს მხოლოდ ზომისა და შემცირების ჯგუფებს. SCSS წყარო, ცვლადები, მიქსინები და ფაილის სახელები რჩება ტელემეტრიის მიღმა.
ხშირად დასმული კითხვები
ატვირთულია თუ არა ჩემი SCSS Convertr-ზე?
არა. SCSS კომპილატორი მუშაობს ლოკალურად ბრაუზერის JavaScript-ით. ჩასმული SCSS და შერჩეული ფაილები არ იგზავნება Convertr სერვერებზე.
რა ხდება, როდესაც SCSS-ში სინტაქსური შეცდომაა?
კომპილატორის შეცდომა ხაზისა და სვეტის ნომრებით ნაჩვენებია გაფრთხილებების პანელში, რათა იპოვოთ და გაასწოროთ შეცდომა.
მხარს უჭერს ეს @import ან დისტანციურ დამოკიდებულებებს?
არა. სიჩქარის, ოფლაინ ხელმისაწვდომობისა და კონფიდენციალურობის უზრუნველსაყოფად, დისტანციური იმპორტი და ფაილური სისტემის წვდომა გამორთულია ამ ბრაუზერში ჩაშენებულ კომპილატორში.
დაკავშირებული დეველოპერის ინსტრუმენტები
SCSS კომპილატორი
შეადგინე მხარდაჭერილი SCSS სინტაქსი CSS-ში ჩაშენებული ბრაუზერის კომპილატორის გამოყენებით.
- შეყვანა
- SCSS წყარო პლუს გამომავალი სტილის პარამეტრები.
- გამომავალი
- შედგენილი CSS ან კომპილატორის დიაგნოსტიკა.
- რეალური შეზღუდვები
- ბრაუზერის კომპილატორი არ აგვარებს თვითნებური პროექტის იმპორტებს, არ ასრულებს build-პლაგინებს და არ იძლევა გარანტიას სხვა Sass ვერსიასთან თანასწორობის.
- კონფიდენციალურობა და მონაცემთა დამუშავება
- SCSS წყარო პლუს გამომავალი სტილის პარამეტრები მუშავდება ამ ბრაუზერის ჩანართში. Convertr არ იღებს და არ ინახავს მას; გვერდის დახურვა ან განახლება ასუფთავებს სამუშაო მდგომარეობას, თუ ინსტრუმენტი აშკარად არ გვთავაზობს ლოკალურ ჩამოტვირთვას.
როგორ გამოვიყენოთ ეს ინსტრუმენტი
- მიაწოდეთ SCSS წყარო და გამომავალი სტილის ვარიანტები ხელსაწყოს კონტროლში.
- აირჩიეთ პარამეტრები, რომლებიც გავლენას ახდენენ კომპილირებული CSS ან კომპილერის დიაგნოსტიკაზე, შემდეგ გაუშვით ინსტრუმენტი.
- შედგენილი CSS-ის ან კომპილატორის დიაგნოსტიკის გადახედვა, სანამ მას დააკოპირებთ ან ჩამოტვირთავთ.
საერთო წარუმატებლობის რეჟიმები
განუსაზღვრელი ცვლადები, დაკარგული mixins, მიუწვდომელი იმპორტები ან არასწორი ჩადგმა იწვევს ხაზის მიხედვით კომპილაციის შეცდომას.
სასარგებლო მაგალითი
შეადგინეთ $brand ცვლადი და ჩასმული .ღილაკზე გადაადგილების წესი გაფართოებულ ან შეკუმშულ CSS.-ში