The long overdue PR is here lol. Since this is more like a proof of concept and it won't be merge into master, no code review is needed haha

Media query css mixin

To include css properties on mobile only, the following mixin can be used:

@include mobile {
     // Mobile only css property
}

These are usually at the bottom of the .scss file to override any css properties defined above.

Media query component

Display components on desktop only:

<Desktop>
    // Desktop only component here
</Desktop>

Display components on mobile only:

<Mobile>
    // Mobile only component here
</Mobile>

[ ] Split button into two class - normal button and icon only button (two styles - with and without border)
[ ] Popup/Modal will move to the top of the page when the screen size is small??!!
[ ] Investigate why ::after is needed in modal, we should be able to directly modify the modal position