Sprint 1 - SASS Hacks

SASS Hack Overview

When going through the SASS hacks, I achieved a way better understanding of how the sass styling and remote themes work. I was able to understand how other styles are used alongside the minima theme, and that you can create new folders for your own files, and use things like @import to include those styles.

The _mixin.scss file is used to make mixins, or that can be used in multiple files within the folder. In this case, it holds style for one button that is used in at least the binary calculator, and the js calculator.

The use of @include inherits the style from the button() mixin from mixins.scss. Every element with the calc-button class will have the style from the button mixin, and whatever other styles that are put under it.

The button() mixin is reused in SASS. It can be used in any file, as long as it is referenced.

In order to use it in HTML, you would just apply the .calc-button class to the element.