Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • Creaktor Branding Agency Friend
    #899017

    Hi,

    to prevent having a massive local template.less file while overriding styles, I want to use @import for each type of ACM module inside my template and any other type of element. But, everytime I make a change to one of those @import elements and therfor the template.less file is not changed, the less to css comversion is not excecuted. 🙁

    Please update UBER with an @import inside a local less file to be possible.

    www.creaktor.com

    Ninja Lead Moderator
    #899291

    Hi,

    In this case, you need to check both ways below

    • Load directly LESS files from front-end of your site with this setting: Admin -> Extensions -> Template Manager -> Uber – [Spa] Home -> General tab -> Development Mode: ON

    • Click compile LESS to CSS button, see the screenshot but you have to make a backup version on your site below this action will override all the custom work from CSS style on your site.

    Regards


    1. Screen-Shot-2016-03-14-at-12.05.39
    Creaktor Branding Agency Friend
    #899375

    Hi, I already understood those things.

    In developer mode, I use the local less folder. Inside that folder I copy a blank template.less file and in that file using several @import files

    ///local template.less///////
    @import "acm-header.less";
    @import "acm-footer.less";

    and so on…

    Changing the file > acm-header.less (my own local @import version), does not being processed. The compiler is not looking inside the template.less to see if there is a change in any @import.

    Maybe for a new template use compass with scss? That does work.

    www.creaktor.com

    Ninja Lead Moderator
    #899387

    I tried to do the steps to import the new LESS files into Uber template

    • Copy the LESS files into templates/uber/less folder

    • @import that file into template.less (for example)

    • Click Compile LESS to CSS button

    • You will get the CSS files from templates/uber/local/css folder and with template.css file with new data from LESS files
    Creaktor Branding Agency Friend
    #899434

    No one will compile every change they make while developing with chrome developertool open and then go to backend and press less > css every time they want a change. You want to compile when done editing all less files. But I know you know that and that you probably misunderstood me. 🙂

    What only does work is to make a change in the local template.less. The compiler only then recognizes that there is a difference in that file. But it’s a pain in the ass that I first have to change that template.less file (place a white space somewhere since that is a change in code), since I of course test style differences with chrome dev tool where the code would be placed in the @imported less file and not in the template.less file. The whole idea here is that I can copy the @import less files to another project, add a template.less with only @import and voila… done! Instead of having to scrub through all the lines of code to find those big commented parts.

    The reason I would love to do it like this is that I want a fundament implementation method of own module styles to manage them. I want to make hundreds of different styles based on Uber. For now I do not know how to do that other then the way I discribe below.

    The way I work like this is because my next explanation is the only way which works probably:

    -IF and only IF I need a change in the php code of the acm module because I want to get rid of several functions, I goto template/uber/acm/[modulenamefolder] and copy paste a php and xml style and rename them to style-custom.xml and style-custom.php. (Can I also copy and rename the corresponding less file and update it somewhere in the style-custom.php file? ). anyway… Then edit them and upload them back. Then go into the backend Joomla module and press advanced lightning icon and change the [style-1] for instance to [style-custom]. If I could have the ACM folder to work locally!! that would be AWSOME!! For instance make my own ACM module overrides in the local folder with LESS! (not css).

    I’m thinking of building my own structure with compass and scss since that CAN compile @import.

    I would really like to learn more/assist Joomlart in the development of a template framework that could be easily manipulated in a way to have a good fundament of choices like UBER does, but with a easy method of distributing own adjustments on acm and it’s style.

    www.creaktor.com

    Ninja Lead Moderator
    #899702

    Hi,

    Thank you for your explanation and I understood what are you trying to do.

    I discussed with development team about this but when you apply any changes from LESS files, you need to rebuild LESS to CSS files and it has to rebuild all LESS files.

    You can select other ways and use CSS file instead of LESS file if you want to include the styles from other template to Uber template by creating templates/uber/css/custom.css file and add all the CSS style on that. With this way, you don’t need to rebuild LESS files

    About customize or use JA ACM module from other templates, you can have a look the userguide for reference below

    Hope it helps

    Regards

    Creaktor Branding Agency Friend
    #899781

    Yeah, I was afraid of that. 🙁 I know that methode. The thing is. I cannot use variables that way.

    I will have to develop my own template framework then with scss and compass. Thanks for your help!

    www.creaktor.com

Viewing 7 posts - 1 through 7 (of 7 total)

This topic contains 6 replies, has 2 voices, and was last updated by  Creaktor Branding Agency 8 years, 8 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum