Die invoer van lêers in SASS

Wanneer jy met SASS-lêers werk, is dit soms nodig om kode uit 'n .scss-dokument oor te dra, maar sonder om 'n klone daarvan met 'n .css-uitbreiding te skep, d.w.s. om 'n fragment daarvan in te voer.

Byvoorbeeld, ons het 'n lêer navbar.scss met die volgende kode:

navbar.scss.active {
  color: red;
}

Om hierdie tipe invoer uit te voer, moet jy eers 'n onderstreep voor die lêernaam byvoeg, soos volg: _navbar.scss. Daarna skryf ons in 'n ander lêer style.scss die richtlijn @import, maar in die naam van die ingevoerde lêer spesifiseer ons nie die onderstreep of die lêeruitbreiding nie:

style.scss@import "navbar";

En ons sien dat by kompilering in style.css die kode van die lêer _navbar.scss ingevoer is:

style.css.active {
  color: red; 
}

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