Ottenere le dimensioni di un elemento con SCSS?

Question

Recentemente ho scoperto scss e il fatto che abbia la possibilità di utilizzare operatori matematici. Quello che mi chiedo è: ** C'è un modo per me di recuperare dinamicamente le dimensioni di un elemento da utilizzare per impostare le dimensioni di un elemento diverso?

Un esempio di quello che vorrei fare è la seguente (scritto in jQuery):

$("#myparagraph").height($("#page").height()/6); 

Esiste un modo per fare questo usando SCSS?

Answer 1

No.

Mentre SCSS vi permetterà di calcolare i valori utilizzando le variabili e la matematica, si compila ancora giù a CSS. Il CSS non è un linguaggio dinamico che può fornire dimensioni calcolate su oggetti DOM. Inoltre non è interrogabile. SCSS non è una lingua separata in sé e per sé, ma piuttosto un pre-processore che consente di creare CSS in modo più efficiente. Pertanto, tutto ciò che puoi fare in SCSS puoi farlo in un semplice CSS e viceversa (anche se potrebbe essere più difficile tenerne traccia) e niente più o meno.