Now is your last chance to buy a lifetime license before we switch to annual pricing. Existing licenses will be unaffected.
read more
Posted on April 30, 2023

Tutorial: Building A Super Minimal CSS Framework With Oxygen

hello world!

Join Elijah in this video tutorial as he covers how to create a super minimal CSS framework for your WordPress website with Oxygen.

You'll learn to use Oxygen's Stylesheets Editor to create, edit, and sustain a customizable CSS framework that expands alongside your design. While making the framework, you'll learn how to develop and utilize CSS grids, transitions, CSS variables, buttons, and Oxygen's Global Colors in your Stylesheets.

You'll also discover how to use Emmet to create Oxygen elements that use classes from our minimal CSS framework automatically to your design to increase workflow efficiency.

Here are some existing frameworks, including several Oxygen-compatible ones:

Video Chapters: 

  • 00:00 Introduction
  • 03:13 Creating the first layout
  • 06:00 Framework preparations
  • 06:44 Building the framework with Stylesheets
  • 11:42 Using and growing the framework
  • 17:37 Adding a CSS grid
  • 20:13 Implementing transition and button classes
  • 23:09 Using Oxygen's Global Colors in Stylesheets
  • 24:06 Designing a layout in Oxygen using the framework and Emmet
  • 28:33 Final thoughts

Additional Resources: 

Leave a Reply

Your email address will not be published. Required fields are marked *

Get Oxygen Today

Lifetime, unlimited site license

Copyright © 2024 Soflyy
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram