Mojolic...e::Sass(3)

🌸 NAME 🌸

Bestie, welcome to the user-contributed Perl documentation for Mojolicious::Plugin::AssetPack::Pipe::Sass(3) — this page is literally here to process sass and scss files ✨

---

✨ SYNOPSIS ✨

💖 Application

plugin AssetPack => {pipes => [qw(Sass Css Combine)]};

$self->pipe("Sass")->functions({
  q[image-url($arg)] => sub {
    my ($pipe, $arg) = @_;
    return sprintf "url(/assets/%s)", $_[1];
  }
});

🎀 Sass file

The sass file below shows how to use the custom image-url function:

body {
  background: #fff image-url('img.png') top left;
}

---

🦋 DESCRIPTION 🦋

Mojolicious::Plugin::AssetPack::Pipe::Sass will process sass and scss files. That’s the whole vibe 💅

This module requires either the optional module CSS::Sass or the sass program to be installed. And yes, sass will be automatically installed using https://rubygems.org/ unless it’s already available — no cap 🫶

---

👑 ATTRIBUTES 👑

💜 functions

$hash_ref = $self->functions;

Used to define custom SASS functions. Note that the functions will be called with $self as the first argument, followed by any arguments from the SASS function. This invocation is EXPERIMENTAL, but will hopefully not change.

This attribute requires CSS::Sass to work. It will not get passed on to the sass executable.

See SYNOPSIS for example 🎀

🌈 generate_source_map

$bool = $self->generate_source_map;
$self = $self->generate_source_map(1);

This pipe will generate source maps if true. Default is "1" if "mode" in Mojolicious is "development".

See also http://thesassway.com/intermediate/using-source-maps-with-sass and https://robots.thoughtbot.com/sass-source-maps-chrome-magic for more information about the usefulness. (The page links these for the usefulness tea, iykyk ✨)

---

🧚 METHODS 🧚

⭐ process

See "process" in Mojolicious::Plugin::AssetPack::Pipe. That’s it, bestie — short and sweet 💅

---

🌟 SEE ALSO 🌟

Mojolicious::Plugin::AssetPack.

---

Okay that’s the whole page, bestie!! big sparkly kisses, and credit where it’s due: perl v5.42.0, dated 2024-12-12 💖✨