Maybe, but I hit this with my mock up of the Royale website as well. Since a lot of things are composed from other smaller pieces, I think we want defaults where the CSS applied to the outer element of a component applies to its children. It looks like inherited properties have lower priority than the * selector and that feels like the * selector is too powerful. I think in regular Flex we made the * selector the lowest priority which I think I learned today is not how CSS is supposed to work
I think the font-family and font-size that is currently in * should move to Application. The border-width should probably be moved to the "type selectors" for components that have borders in their default appearance or it could go to Application too. Thoughts? -Alex On 1/2/18, 3:00 PM, "Gabe Harbs" <[email protected]> wrote: >I’m guessing that the ACE Editor has sub-elements that are picking up the >globals rather than the ones for the ACEEditor element. I have not looked >into this at all… > >Harbs > >> On Jan 2, 2018, at 5:50 PM, Alex Harui <[email protected]> wrote: >> >> I haven't looked at his ACEEditor class, but it is also possible that >>the >> following would work. >> >> .ACEEditor { >> font-family: monospace; >> } >> >> >> And that should be a goal as well: to have the defaults.css for the >> ACEEditor class to use an "ACEEditor" selector (instead of lowercase >> "aceEditor"). If the ACEEditor class uses the typeNames property from >> UIBase properly, it would pick it up. We don't want folks to have to >>use >> ".aceEditor *" to set defaults >> >> My 2 cents, >> -Alex >> >> >> On 1/2/18, 2:29 PM, "Gabe Harbs" <[email protected] >><mailto:[email protected]>> wrote: >> >>> Did you try this? >>> .aceEditor * { >>> font-family: monospace; >>> } >>> >>>> On Jan 2, 2018, at 5:28 PM, Olaf Krueger <[email protected]> wrote: >>>> >>>> Hi Alex, >>>> >>>>> The key piece, I think, is that inherited properties in CSS have a >>>>> lower >>>>> importance that *... >>>> >>>> Yes, I think that's the problem: >>>> >>>> /* Generated by Apache Royale Compiler */ >>>> * { >>>> font-family: Arial; >>>> border-width: 1px; >>>> font-size: 12px; >>>> } >>>> >>>>> IMO, that should be >>>> the goal, and that would provide you a "type selector" >>>> >>>> I'll give it a try! >>>> >>>> Thanks for help, >>>> Olaf >>>> >>>> >>>> >>>> >>>> >>>> >>>> -- >>>> Sent from: >>>> >>>>https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fapache- >>>>ro >>>><https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fapache >>>>-ro> >>>> yale-development.20373.n8.nabble.com >>>><https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fyale-d >>>>evelopment.20373.n8.nabble.com%2F&data=02%7C01%7Caharui%40adobe.com%7Ca >>>>dcb2acdb1d64f2d712c08d55234b521%7Cfa7b1b5a7b34438794aed2c178decee1%7C0% >>>>7C0%7C636505308777859927&sdata=kxW1no86u3XllRCHvDdiry7EJLpp%2FUgXJ7Ots9 >>>>v%2BqJQ%3D&reserved=0>%2F&data=02%7C01%7Caharui%40adobe.com >>>><https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2F40adob >>>>e.com%2F&data=02%7C01%7Caharui%40adobe.com%7Cadcb2acdb1d64f2d712c08d552 >>>>34b521%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636505308777859927& >>>>sdata=mgWjGqRA0aKqJHGR7UYls46GqGFmmlvR%2B9LUKrgmq2k%3D&reserved=0> >>>> >>>>%7Ce5a12ce075994045e87e08d5523066bd%7Cfa7b1b5a7b34438794aed2c178decee1% >>>>7C >>>> >>>>0%7C0%7C636505290225906131&sdata=1317juJwOVHYUu0mu0158YRYXgKICk8vKoQJYq >>>>zs >>>> S2A%3D&reserved=0 >
