Skip to content
tacoen edited this page Jan 4, 2021 · 28 revisions

Neocàtema Wiki

Neocà started from a modified version of Gantry5 Hydrogen, packed with requirejs, prism, w3color, and gas. Twig templates and blueprints being remodeled and reshape as a new theme.

Neocà also included some twig filters/functions inside their themes.

Utility Base CSS approach

We strip and convert almost all variables into CSS-variables, and make many atomic rules for the CSS. So, 'pa-100', 'ml-50', or 'color-blue' will be fluently used like what you see in tailwind.css or tachyons.css.

Therefore container and content started with borders-zero (padding:0; margin:0; border:none).

See how you can use this in Markdown.

Color Pallete

We use HSL for colors for great feast-ability. SCSS generated.

  • 10 Step monochromatic, auto calculated as css-variables. (bg-d4 ... bg-l4, bg-n, bg-b, bg-w)
  • Complementary/ Compound (.bg-n, .bg-c0, .bg-c1, .bg-c2)
  • Tridiatic (.bg-t1, .bg-n, .bg-t2)
  • Analogous (.bg-a1, .bg-n, .bg-a2)

How it works?

Grav Template

Neocà Template base on the Gantry5 nucleus engine, and being heavily modified.

Neocà enables you to put your site-specific templates and blueprints in the 'user' directory. Templates and blueprints on 'user' will be out-voted from the theme's templates.

Templates are designed for Gantry5 Layout.

Module pages

We simplify the hydrogen module template into single Hero templates.

Gantry5 Particles

You will be in love with Gantry5 Particles in Neocà theme.

neoca particles

Theme Dev / Documentation in Particles

These Particles will help you developed your own theme, verified the particles, and make a custom color palette.

neoca theme-dev

Note

Previous version of this theme, we create

Neocà was a new theme forked from them.

SCSS files structure

scss/
   |-function
   |---common
   |-ncc
   |---configuration
   |---function
   |---gantry
   |---utilities
   |-tema
   |---colours
   |---etc
   |---theme
   |---variations
   |---particles
workspace/
   |-js
   |-scss
   |---particles
   |---etc
   |-css

Workspace (Custome)

I simplify the live editing of CSS and js inside 'workspace'. which you could add into chrome dev-tools. The workspace will need its own 'scss' and will compile independently outside the Gantry5 PHP-leafto scss compiler.