SASS හි කැදලි ආයාතය

සාමාන්‍යයෙන් @import භාවිතා කරනු ලබන්නේ ලේඛනය ආරම්භයේදී, නමුත් SASS පූර්ව-සකසනය අපට අවශ්‍ය ගොනුවේ ඕනෑම කොටසකට ගොනු ආයාත කිරීමට ඉඩ සලසයි, යෝජක තුළට පවා.

පහත උදාහරණය සලකා බලමු:

main.scss.active {
  color: blue;
}

ඊළඟට එය style.scss ගොනුවට ආයාත කරමු:

style.scssdiv {
  @import "main";
}

දැන් සංකලනයේ ප්‍රතිඵලය බලමු:

style.cssdiv .active {
  color: blue; 
}
Задание 1

පහත අන්තර්ගතය සහිත navbar.scss ගොනුවක් සාදන්න:

navbar.scss.link {
  color: red;
  font-size: 12px;
}

ඉන්පසු මෙම කොටස styles.scss ගොනුවේ #main ගැටලුවට ආයාත කර styles.css වෙත සංකලනය කරන්න.