Invalid CSS generated for controls without gradient

2 posts, 0 answers
  1. Raptor
    Raptor avatar
    60 posts
    Member since:
    Aug 2011

    Posted 23 Oct 2018 Link to this post


    there is a bug with linear-gradient mixin. When no gradient is defined, invalid css is generated.

    For example:


    // ProgressBar
    .ruFileProgressWrap {
        background-color: $progress-bg;
        background-image: linear-gradient($progress-gradient);
        border-radius: 2px;

    results in

    .RadUpload_Bootstrap .ruFileLI .ruFileProgressWrap {
      background-color: whitesmoke;
      background-image: linear-gradient();
      border-radius: 2px; }

    So background-image value is invalid and should be "none"

    .RadUpload_Bootstrap .ruFileLI .ruFileProgressWrap {
      background-color: whitesmoke;
      background-image: none;
      border-radius: 2px; }


    This is problem in source files, Skin builder generates the same files etc. When this css is passed for some postprocessing in build process (postcss and autoprefixer for example), it fails.


    Best Regards


  2. Ivan Zhekov
    Ivan Zhekov avatar
    651 posts

    Posted 26 Oct 2018 Link to this post

    Hi, Rene.

    We are aware of that behaviour. In previous versions of our sass compiler passing null value would not generate the line. However, that's not the case for a while.

    We are going to improve on that behaviour by using a different approach in which the value is checked for null before the line is generated.

    Ivan Zhekov
    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.
Back to Top