Foundry/ripcrypt
1
0
Fork 0
Code Issues 22 Pull requests Releases Activity Actions

Update the system CSS to use sub-layers

Browse source 
This is so I have more granular control over interactions between resets and intentional styles
This commit is contained in:
Oliver-Akins 2025-04-11 21:06:40 -06:00
parent 714da335e8
commit 0135ca1124
13 changed files with 61 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

25
templates/css/main.css Normal file
View file

@ -0,0 +1,25 @@
@layer resets, themes, elements, components, apps, exceptions;
/* Resets */
@import url("./resets/inputs.css") layer(resets);
@import url("./resets/tables.css") layer(resets);
/* Themes */
@import url("./themes/dark.css") layer(themes);
/* Elements */
@import url("./elements/button.css") layer(elements);
@import url("./elements/input.css") layer(elements);
@import url("./elements/lists.css") layer(elements);
@import url("./elements/p.css") layer(elements);
@import url("./elements/pill-bar.css") layer(elements);
@import url("./elements/select.css") layer(elements);
@import url("./elements/span.css") layer(elements);
@import url("./elements/string-tags.css") layer(elements);
@import url("./elements/table.css") layer(elements);
/* Applications */
@import url("../Apps/apps.css") layer(apps);
/* Exceptions */
@import url("./elements/prose-mirror.css") layer(exceptions);