Hi Alex, I'm a bit confused here. I created the thread since I'm already trying it. In VividBlueTheme, I added in pom.xml two <includefiles> one for typical defaults.css and another for TextField.css Both, are in theme SWC thanks to maven build, at that point is ok.
The problem is that final app is not using TextField.css, but is using defaults.css So I think I only need to know how defaults.css is been applied to be used in final example App and get Textfield.css be applied as well in the same way so the final user don't need to link in the final App. One thing that could be great to make this better is to make all components css files developed at "creation time" be joined into one single "defaults.css" file (or other name) for production purposes and remove the load of lots of css files. But this is an improvement over the first part thanks for looking into this 2018-02-14 23:38 GMT+01:00 Alex Harui <aha...@adobe.com.invalid>: > Hi Carlos, > > I looked at the compiler some more. It appears that this feature already > exists. When I answered earlier, I was looking at code that loads SWCs > off the library path and the compiler only looks at defaults.css in those > files, but I just saw that in SWCs specified as themes it will use every > .css file. > > Please try it and let us know if it works. One thing to be careful of is > that I'm not sure you can control the order of the .css files. Maybe by > specifying the order they are specified to COMPC (the SWC compiler). > Order will only matter for overriding style properties. > > HTH, > -Alex > > On 2/14/18, 2:26 PM, "carlos.rov...@gmail.com on behalf of Carlos Rovira" > <carlos.rov...@gmail.com on behalf of carlosrov...@apache.org> wrote: > > >Hi Alex, > > > >I read @import and seems is not recommended for many reasons (concurrence > >mainly) so I think is not a solution. > >My bet is that this will make more easy to develop themes since I can go > >directly to the css file "Textfield.css" and make changes over a few set > >of > >lines. > >I never touched the compiler, so If you could add support for this feature > >in order to use all css files included (I think this would must be the > >ones > >listed in the pom.xml) > >It would be more easy to me to continue developing this feature. Could you > >help me with this? For what you said maybe for you is not a long task and > >can be ready in moderate few time, > > > >@Harbs, could you tell us a bit more of you MXML proposal, maybe some > >explanation with few example names could help me see your method > > > >Thanks both with this! > > > >Carlos > > > > > > > >2018-02-13 19:44 GMT+01:00 Gabe Harbs <harbs.li...@gmail.com>: > > > >> Why not just use MXML files? > >> > >> You can use MXML files to subclass components and specify the CSS in the > >> <fx:Style> section. > >> > >> > On Feb 13, 2018, at 1:20 PM, Carlos Rovira <carlosrov...@apache.org> > >> wrote: > >> > > >> > Hi, > >> > > >> > I'm organizing CSS files in Vivid (new ui set) - VividBlueTheme (first > >> > theme) - VividExample (example to show all working) > >> > > >> > I want to develop each component look-and-feel and style in a single > >>file > >> > in the theme project: > >> > > >> > default.css (this could hold global styling like body, headers, > >> background > >> > color, and more) > >> > TextField.css (all css to make a TextField be represented in a > >>particular > >> > way) > >> > Button.css > >> > Slider.css > >> > ... > >> > > >> > in my theme pom I have: > >> > > >> > <includeFiles> > >> > <include-file> > >> > <name>defaults.css</name> > >> > <path>../src/main/resources/defaults.css</path> > >> > </include-file> > >> > <include-file> > >> > <name>TextField.css</name> > >> > <path>../src/main/resources/TextField.css</path> > >> > </include-file> > >> > </includeFiles> > >> > > >> > and I check the resulting VividBlueTheme.swc and has default.css and > >> > TextField.css > >> > > >> > * First question here is: Can I collapse all css content in multiple > >> files > >> > in a single .css (i.e: defaults.css or themename.css)? > >> > > >> > Then in vivid example how CSS in theme projects are referenced? I see > >> > "defaults.css" is begin applied, but "TextField.css" is not > >> > > >> > * Second question how to apply a included .css file to be used in > >>example > >> > > >> > Notice that if we get all css in one single file we don't need the > >>second > >> > part. > >> > > >> > Hope you could help me on this in order to continue progress with this > >> > effort > >> > > >> > thanks > >> > > >> > > >> > > >> > > >> > -- > >> > Carlos Rovira > >> > > >>https://na01.safelinks.protection.outlook.com/?url= > http%3A%2F%2Fabout.me% > >>2Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com% > 7Cc93b59f46bd14932987808 > >>d573fa170f%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0% > 7C63654244033165639 > >>8&sdata=xDHvYWVSZxZ%2FgZRYrXVYw1Z%2BqXaGMRGOKyCh0U%2FIvBo%3D&reserved=0 > >> > >> > > > > > >-- > >Carlos Rovira > >https://na01.safelinks.protection.outlook.com/?url= > http%3A%2F%2Fabout.me%2 > >Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com% > 7Cc93b59f46bd14932987808d5 > >73fa170f%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0% > 7C636542440331656398&s > >data=xDHvYWVSZxZ%2FgZRYrXVYw1Z%2BqXaGMRGOKyCh0U%2FIvBo%3D&reserved=0 > > -- Carlos Rovira http://about.me/carlosrovira
