How to create an expanding search bar using :focus-within

A look at a fun expanding search bar without the need for any JavaScript by leveraging the power of focus-within! I do use SCSS for this one, but it should be pretty easy to follow along if you aren’t familiar with it, and as I say in the video if you aren’t sure, check the Codepen below where you can toggle on the compiled CSS. CodePen: Custom Properties (CSS variables) series: BEM: #scss #css --- Come and hangout, ask questions, suggest ideas, and meet some awesome people over in The Community: I have a newsletter! I’ve been working on some courses! Find out more: https://www. ... #Kevin_Powell #tutorial #html #css #scss #sass #search_bar #expanding_search_bar #focus-within 20191002 DonxmmWW7Tk