Finding the height of multiple elements in SCSS

Asked May 21 '15 at 18:28

Active May 21 '15 at 18:28

Viewed 17 times

Is there a way that I could create a variable to get the height of multiple divs? For instance $fixed-offset: .class1 + .class2; Then in my styles say margin-top: $fixed-offset + 15px;

$fixed-offset: .class1 + .class2;

.class {
    height: 100%;
    margin-top: $fixed-offset + 15px;
}

asked May 21 '15 at 18:28

Garrett Cumber

How do you think Sass knows what the height of either of those elements is? – cimmanon May 21 '15 at 18:29
Do these classes have their heights set in CSS? – Matthew Rapati May 21 '15 at 18:31
sass is a pre-possessor, meaning pre as in before your page is actual rendered, sass only generates css, so there is no communication between sass and your page. – Mark May 21 '15 at 18:33
@cimmanon because the heights are set already but these are dynamic, they change based on device. – Garrett Cumber May 21 '15 at 18:54
@MatthewRapati Yes their heights are already set in the scss doc. – Garrett Cumber May 21 '15 at 18:55
Also related: http://stackoverflow.com/questions/14920801/sass-manipulate-inherited-property – cimmanon May 21 '15 at 18:56
@Mark I don't require that the output communicate with the page, and as css is read sequentially this doesn't pose a problem in that this variable can be put near the end of the scss doc. – Garrett Cumber May 21 '15 at 18:57
So, can you put the heights for the other 2 classes in variables and then use those variables in the other class? – Matthew Rapati May 21 '15 at 19:02
Yeah thats not a problem, I guess what Im wondering is how I make that happen syntactically. – Garrett Cumber May 21 '15 at 19:08

Finding the height of multiple elements in SCSS

0 Answers0