⊗mkLsBsChEED 33 of 42 menu

Цепные расширения в @extend в SASS

Директиваи @extend инчунин пайвастагии (пайдарпаии) васеъшавиро дастгирӣ мекунад, яъне интихобкунанда метавонад бо интихобкунандаи дигар васеъ карда шавад, ки худ, ба навбати худ, бо интихобкунандаи сеюм васеъ карда мешавад. Масалан:

Мисолро дида мебароем:

.warning { border: 1px solid; background-color: #ffd900; } .personalWarning { @extend .warning; border-width: 3px; } .systemWarning { @extend .personalWarning; position: center; }

Чунон ки аз натиҷаи тарҷума дида мешавад ҳамаи элементҳое, ки синфи .systemWarning-ро доранд, инчунин услубҳои синфҳои .warning ва .personalWarning-ро доранд:

.warning, .personalWarning, .systemWarning { border: 1px solid; background-color: #ffd900; } .personalWarning, .systemWarning { border-width: 3px; } .systemWarning { position: center; }

Ба мо бигӯед, ки натиҷаи тарҷумаи коди зерин чӣ хоҳад буд:

div { font-size: 10px; color: #181402; } .main-block { @extend div; border: 2px solid orange; } #warning-text { @extend .main-block; margin-top: 10px; }

Ба мо бигӯед, ки натиҷаи тарҷумаи коди зерин чӣ хоҳад буд:

p { padding: 10px; } .main-text { font-weight: 800px; } .card { @extend p; color: #021338; } .product-card { @extend .card, .main-text; font-size: 12px; }

Ба мо бигӯед, ки натиҷаи тарҷумаи коди зерин чӣ хоҳад буд:

p { padding: 5px; } .main-text { @extend p; font-size: 14px; } .card { @extend .main-text; border: 1px solid black; } .product-card { @extend .card; background-color: #e1f1f1; }
Тоҷикӣ
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Мо барои коркарди сомона, таҳлил ва шахсӣ кардан аз cookie истифода мебарем. Коркарди маълумот мувофиқи Сиёсати махфият сурат мегирад.
ҳамаро қабул кардан танзим кардан рад кардан