Invalid CSS generated for controls without gradient

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

    Posted 23 Oct Link to this post

    Hello,

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

    For example:

    Upload.Bootstrap.scss

    // 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

    René

  2. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    640 posts

    Posted 26 Oct 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.

    Regards,
    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