This is a migrated thread and some comments may be shown as answers.

Scss duplicate calc function

2 Answers 38 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Dan
Top achievements
Rank 1
Iron
Iron
Veteran
Dan asked on 29 Jan 2019, 12:15 PM

Hi,

I have used the telerik theme with Scss but today I found a problem with the autocomplete. After the file is compiled the generated class is

.k-autocomplete {
  padding-right: calc( calc( 0.75rem + 17px)); }
  .k-rtl .k-autocomplete, .k-autocomplete[dir="rtl"] {
    padding-left: calc( calc( 0.75rem + 17px));
    padding-right: 0; }

This is not the only class that generates this. The above is not a valid use of calc function in IE

 

2 Answers, 1 is accepted

Sort by
0
Accepted
Preslav
Telerik team
answered on 01 Feb 2019, 08:41 AM
Hello Dan,

Based on your post, I assume that you are compiling the themes locally. Please correct me if I am wrong.

Generally speaking, our builds are depending on the PostCSS Calc package:
The easiest way to successfully build the themes is to install the Kendo UI Theme Tasks: and build the desired theme via its API.

Also, you could clone our repo: https://github.com/telerik/kendo-themes locally and build the themes there by following these steps:
 

Regards,
Preslav
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Dan
Top achievements
Rank 1
Iron
Iron
Veteran
answered on 01 Feb 2019, 09:10 AM

Hi Preslav,

Indeed we are compiling the theme locally because we are using a custom theme.

After applying the PostCSS Calc package it worked correctly.

Thank you for the link to the KendoUI Theme Tasks it was helpful to see what PostCSS tasks are applied.

Tags
General Discussions
Asked by
Dan
Top achievements
Rank 1
Iron
Iron
Veteran
Answers by
Preslav
Telerik team
Dan
Top achievements
Rank 1
Iron
Iron
Veteran
Share this question
or