Creating Themes using Mixins

Mixins serve the purpose of component reusability in SASS. Mixins can be effectively used to create customized themes in Theme Designer. To create themes using Mixins, perform the following steps:

  1. Click Mixins tab and click the text field to enter the coding requirements of Mixins. The following code snippet and screen shot serve as good references.

@mixin btnGradientTwo($btnGradColor1, $btnGradColor2) {
  background: $btnGradColor1;
  background: -webkit-linear-gradient(left top, $btnGradColor1, $btnGradColor2);
  background: linear-gradient(to bottom right, $btnGradColor1, $btnGradColor2);
}