Introduction to LESS

Introduction to LESS

When you begin to manage a much larger project that contains multiple types/modules of CSS styling, working within a single CSS file can become laborious. Plus trying to keep track of unifying variables can become overwhelming. This is where CSS preprocessors can come to the rescue. One of those CSS Preprocessors is LESS. Learn what LESS is, how to use it, and the benefits it can provide for a web project.

Save the Webinar 1

Webinar Originally Broadcast: July 23, 2024

Video Download: HD Download | Mobile Download

Additional Downloads: PDF Handout

Additional Notes:

function create_stylesheet_less($tag){
return preg_replace("/='stylesheet' id='test-less-css'/", "='stylesheet/less' id='test-less-css'", $tag);
add_filter('style_loader_tag', 'create_stylesheet_less');

The above code will rewrite the stylesheet link created in the below wp_enqueue_scripts hook.

function child_front_scripts(){
wp_enqueue_script( 'test-less', get_stylesheet_directory_uri() . '/less.js');
wp_enqueue_style( 'test-less', get_stylesheet_directory_uri() . '/stylesheet.less' );
add_action('wp_enqueue_scripts', 'child_front_scripts', 25);

[/members_logged_in] [members_not_logged_in]

You need to be logged into your membership account to have access to the webinar replays.

Back to Top