SASS හි ගොනු ආයාත කිරීම

SASS ගොනු සමඟ වැඩ කිරීමේදී .scss ප්‍රලේඛනයෙන් කේතය ගෙන ඒමට අවශ්‍ය විය හැකිය, නමුත් .css දිගුව සහිත එහි පිටපතක් නිර්මාණය නොකර, එනම් එහි කොටසක් ආයාත කිරීම.

උදාහරණයක් ලෙස, අප සතුව navbar.scss ගොනුව පහත කේතය සමඟ ඇත:

.active {
	color: red;
}

එවැනි ආයාත කිරීමේ වර්ගයක් ක්‍රියාත්මක කිරීම සඳහා පළමුව ගොනු නාමයට පෙර යටි ඉරි ඇතුළත් කිරීම අවශ්‍ය වේ, මෙලෙස: _navbar.scss. ඉන්පසු අනෙක් ගොනුව style.scss තුළ @import උපදෙස් ලියන්න, නමුත් ආයාත කරන ගොනුවේ නාමයේ යටි ඉර, ගොනු දිගුව මෙන් නොදක්වන්න:

@import "navbar";

අපට පෙනෙන්නේ, සම්පාදනය කිරීමේදී style.css තුළ _navbar.scss ගොනුවේ කේතය ආයාත වී ඇති බව:

.active {
	color: red; 
}

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

.block-content {
	padding: 10px;
	margin-left: auto;
	width: 600px;
	font-size: 14px;
}

ඉන්පසු එහි කොටස styles.scss ගොනුවට ආයාත කර styles.css වෙත සම්පාදනය කරන්න.