Come calcolare la dimensione del font tramite il suo genitore in SASS?

Question

Ho diversi voce nel mio file SCSS:

h1{font-size:18px} 
h2{font-size:16px} 
h3{font-size:12px} 

e nel mio mia index.html ho ottenuto questo:

<h1>Heading <span>Secondary text</span></h1> 
<h2>Heading <span>Secondary text</span></h2> 
<h3>Heading <span>Secondary text</span></h3> 

vorrei calcolare la font-size del SPAN tag, lats dire .. font-size uguale meno 2px all'intestazione che lo contiene?

Answer 1

Non hai bisogno di SASS per questo. Basta usare calc. Qualcosa di simile:

.h3 span { 
    font-size: calc(100% - 2px); 
}