Asset Builder

Instructions

When working with CSS/JS assets for the login page:

1. •Source files location: Check src/ or project root
2. •Build commands: Use npm scripts from package.json
3. •Output location: dist/assets/
4. •Enqueue hook: Use login_enqueue_scripts

Build Commands

Enqueue on Login Page

add_action('login_enqueue_scripts', 'retrologin_enqueue_assets');
function retrologin_enqueue_assets(): void {
    wp_enqueue_style(
        'retrologin-login',
        plugins_url('dist/assets/login.css', __FILE__)
    );
    wp_enqueue_script(
        'retrologin-login',
        plugins_url('dist/assets/login.js', __FILE__),
        ['wp-api-fetch'],
        '0.1.0',
        true
    );
}

Login Page CSS Selectors

Guidelines

• •Keep login assets minimal for performance
• •Login page doesn't load theme styles
• •Use CSS variables for retro theming
• •Test assets in browser after building