Nah cara tersebut seringkali saya pakai, misalnya untuk foto agar dapat responsive. Sehingga kali ini saya akan memposting cara pakainya dengan Sass.
Langsung saja lihat contoh berikut.
See the Pen Height equal width, Responsive, SASS (Mixin) by pras abdilah (@pras-abdilah) on CodePen.
Saya memakai mixin, lalu nilai dari padding pseudo element nya diberi variabel $height, sehingga nantinya kita tinggal @include plus memberikan nilai $height-nya. Dengan cara tersebut tingginya tetap fleksibel.
Kita bisa pendahkan @mixin-nya ke stylesheet helper atau setting atau namai sesuai keinginan Anda supaya kita tinggal copy bila mau dipakai di project berbeda.
