در حال تولید است

آموزش Sass

آنچه شما از قبل باید در مورد Sass بدانید

قبل از ادامه، باید درک اولیه ای از موارد زیر داشته باشید:

HTML

CSS

Sass چیست؟

Sass مخفف عبارت Syntactically Awesome Stylesheet است

Sass یک افزونه برای CSS است

Sass یک پیش پردازنده CSS است

Sass با تمام نسخه های CSS سازگار است

Sass تکرار CSS را کاهش می دهد و در نتیجه در زمان صرفه جویی می کند

Sass توسط Hampton Catlin طراحی شد و توسط Natalie Weizenbaum در سال 2006 توسعه یافت.

Sass برای دانلود و استفاده رایگان است

چرا از Sass استفاده کنیم؟

استایل شیت ها بزرگتر، پیچیده تر و نگهداری آنها سخت تر می شود. اینجاست که یک پیش پردازنده CSS می تواند کمک کند.

Sass به شما امکان می دهد از ویژگی هایی استفاده کنید که در CSS وجود ندارند، مانند متغیرها، قوانین تودرتو، میکس ها، ایمپورت ها، ارث بردن، توابع داخلی و موارد دیگر.

Sass چگونه کار می کند؟

یک مرورگر کد Sass را درک نمی کند. بنابراین، برای تبدیل کد Sass به CSS استاندارد به یک پیش پردازنده Sass نیاز دارید.

این فرآیند ترانسپایلینگ نامیده می شود. بنابراین، شما باید به یک transpiler (نوعی برنامه) مقداری کد Sass بدهید و سپس مقداری کد CSS را پس بگیرید.

نکته: Transpiling اصطلاحی برای گرفتن کد منبع نوشته شده به یک زبان و تبدیل/ترجمه آن به زبان دیگر است.

نوع فایل Sass

فایل های Sass دارای پسوند فایل "scss." هستند.