Skip to main content

Theme Structure

loonar-wp/assets/styles
├── admin/
├── animation/
├── base/
├── config/
│   ├── colors/
│   ├── layout/
│   ├── typography/
│   └── z-index/
├── elements/
├── tools/
├── typography/
└── woocommerce/

The admin directory​

Styles which apply when the user is logged in as admin. May be related both to the admin panel or the frontend.

The animation directory​

Place used to predefine all transitions and @keyframes.

The base directory​

Initial styles, such as the default font-stack, background color and so on.

The config directory​

Your entry point when starting a project.

The elements directory​

Stores your custom elements, e.g. buttons, inputs, selects, wysiwyg etc.

The tools directory​

Your custom utility tools, e.g. underline-hover.

The typography directory​

Place to store your custom %placeholders and @mixins used for reusable typography, such as %headline-1 or %text-small.

The woocommerce directory​

All shop related styles.