Comment to '14.0.0-B2 visualization error in the developer app fresh install'
  • in studio/template/css/common.less the 2 line below

    @import (reference) 'default.less';

    @import '../../../template/css/common.css';

    generate a file name gzip_loader.php?file=bx_templ_css_07019d00ca0705e13fc7e7a47ff0fbb3.css

    the import results somewhere in the middle of the css file content file :

    etc

    etc

    -----

    ---

    @media (min-width: 1536px) {

      .\32xl\:max-w-5xl {

        max-width:64rem

      }

      .\32xl\:text-6xl {

        font-size: 3.75rem;

        line-height: 1

      }

    }

    /*--- END: https://www.mysite.com//plugins_public/tailwind/css/tailwind.min.css---*/

    @import "https://www.mysite.com/template/css/common.css";a {

      color: #1e8cf0

    }

    a:hover {

      color: #0a78dc

    }

    .sys-icon:not(.sys-colored),.sys-icon-a {

      color: #1e8cf0

    }

    a:hover>.sys-icon,a:hover>.sys-icon-a {

      color: #0a78dc

    }

    etc

    and this stylesheet generate an eror in crome and fireox

    1. Define @import rules at the top of the stylesheet
    2. An @import rule was ignored because it wasn't defined at the top of the stylesheet. Such rules must appear at the top, before any style declaration and any other at-rule with the exception of @charset and @layer.

    so it doesn't matter how many times I delete them, the regenerated compressed file with a different name will have the same import in the middle of it