OxyProps Lite

Contributors: Cédric Bontems - The Web Forge
Tags: css variables, css custom props, css framework, design tokens, open props, normalize
License: MIT
License URI: https://opensource.org/licenses/MIT

Purpose

OxyProps Lite is a WordPress plugin that integrates Open Props, a library of 350+ CSS Variables, into you wordpress site.
It can be used with any site builder that accepts css variables as elements property values, or directly in your code.

It is free and Open Source. Browse the source on the GitHub repository

Installation

1. Download the plugin here.
2. In your WordPress website admin, go to Plugins > Add New.
3. Click on Upload Plugin.
4. Browse for the zip file.
5. Click on Install Now.
6. Activate the Plugin.
7. Choose your prefered settings.

Usage

• Right after installation, the CSS variables are immediately available.
• OxyProps Lite variables are prefixed with a --o- like --o-size-5.
• Use them by wrapping the variables in CSS var() functions like var(--o-font-sans).
• More informations about the available props on the OxyProps Lite website.