Question

I’d like a child element to inherit the same dimensions as its parents. How can I access the parent width and height? Something like this:

 .thumb {
    width: 120px;
    height: 120px;);
    .content {
    width: $parent.width()};
    height: $parent.height()}}

Answer 1

.thumb {
    width: 120px;
    height:120px;
    .content {
        width:100%;
        height:100%;
        display:block;
    }
}

You may or may not need display:block in the parent element as well, depending on its type.