add layouts down to xs in purple