Remember, CSS sucks and you want to do it as little as possible. Keep things simple, no more complex than an e-reader UI.
variables/
,base/
orvars/
,html/
(orpartials/
?) This is a "no fluff" print-first system ... we only need a simplespecimen
file.ds/
(design-system),.gl-
obal and#page
is out of scope!
- We definitely need a
variables/
folder - I don't think
modules
is the right name- In programming, they're basically files with functions
- I NEVER use functions in css anymore.
partials/
is the right idea, but don't think it needs to be called thisglobal/
orbase/
? I don't like them either.
- GPS folders for
.gl-
files page/
for#page
and#section
- Does it live with it's page template?
Could be variables/
, raw/
(or html/
), globals/
, and page/
or pages/
main.less
andconfig.less
are quite handy.- Do I just need one master file for both of these?
- perhaps have a
user-config.less
file?- Or get them to copy it and add to
.gitignore
?
- Or get them to copy it and add to
_root.less
is twice, so perhaps we condense this file- Include the variables AND the base styles?
- Can I get rid of normalise now? A different one?
- Make some rules about what styles live in a specimen (raw html)
- Make some rules about slightly different
.gl-
elements - Look over the GPS doc and make some basic rules.
- There's a lot of nuance, so it'll likely take a while