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.
Webinar Originally Broadcast: September 8, 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);