Shorthand to set height and width of an element in CSS

Question

Basic question but I can't find it anywhere, is it possible to set the width and the height on the same line at the same time with the same value in my CSS?

I'm not asking for something like:

width:100%;height:100%;

But more like one of those:

width, height: 100%; // Same for both
width, height: 100%, 90%; // Different for each ones
dimensions: 100% 90%; // Like padding/margin, 

I'm just asking about declaration, not Javascript on how to do that. I found a related question to this one but for border and the short answer was no.

If it's not possible with CSS, is it with SCSS ?

Answer 1

You can set up Sass Mixin, like this:

@mixin size($width, $height) {
  width: $width;
  height: $height;
}

Then write just:

@include size(100%, 100%);