You are asking for the final - computed - height?
You can not... SASS can't do nothing that CSS can't do...
So the only options is specifying the height explicitly and use it as fixed value...
nav {
background-color: rgba(150, 0, 0, 0.7);
margin: 0;
height: 50px;
ul {
margin: 0;
list-style-type: none;
li {
float: left;
margin: 15px;
a {
color: white;
}
}
}
img {
width: 100%;
position: relative;
top: -50px;
z-index: -1;
}
}