Page Comparison

...

• Designing Themes for Basic
• Designing Themes for Layouts

• Designing Themes for Apps (Widgets)

• Designing Themes for Forms

• Designing Themes for Grids

• Designing Themes for Modal

• Creating Themes using Variables

• Creating Themes using Mixins

• Creating Themes using Custom SASS

• Editing Themes

• Canvas Themes for Web and Mobile Applications
  

Creating Themes using Variables

For creating customized themes, users must have a great deal of knowledge on CSS and SASS. Variables serve as an integral part of SASS. To create themes using Variables, perform the following steps.

...

$btnGradColor1: #5316b1;
$btnGradColor2: #951313;
$btnFontSize: 1.5rem;

...

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:

...

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

...

Creating Themes using Custom SASS

Customized themes can be created by developers, with an acute set of SASS programming codes. To create themes using Custom SASS, perform the following steps:

...

.PAY_SUBMIT.ct_btn{
  @include btnGradientTwo($btnGradColor1 0%, $btnGradColor2 100%);
  font-size: 1.5rem;
  border: 0;
}

...

Editing Themes

To edit an existing theme in Theme Designer, perform the following steps in Canvas Studio.

...

Canvas Themes for Web and Mobile Applications

...