menu

۴- وارد کردن سایر فایل ها در Scss و Sass

Css گزینه ای به نام Import دارد که با استفاده از آن می‌توانید فایل Css خود را به فایل های Css کوچکتر تقسیم کنید و آنها را در فایل اصلی فراخوانی کنید. Sass و Scss نیز چنین گزینه ای را درون خود جای داده اند، با این تفاوت که دستور @import در Css یک درخواست http جدید ایجاد میکند و فایل جدیدی را لود میکند. اما در Scss و Sass درخواست http جدیدی رخ نمیدهد، بلکه کد ها در فایل نهایی همه در کنار هم قرار می‌گیرند.

مثال

برای مثال فرض کنید شما دو فایل، یکی با نام reset.scss_ و دیگری با نام base.Scss دارید و می‌خواهید فایل reset.scss_ را در فایل دیگر وارد کنید (یا با پسوند sass).

کد Scss:

کد Sass:

که در نهایت فایل Css نهایی حاوی چنین کدی خواهد بود:

 

رفتن به نوارابزار