webmamba/sass-bundle

This package is abandoned and no longer maintained. The author suggests using the symfonycasts/sass-bundle package instead.

Delightful Sass Support for Symfony + AssetMapper

dev-main 2023-07-04 11:12 UTC

Requires

• php: >=8.1
• symfony/asset-mapper: ^6.3
• symfony/console: ^5.4|^6.3
• symfony/http-client: ^5.4|^6.3
• symfony/process: ^5.4|^6.3

Requires (Dev)

• phpstan/phpstan: 1.11.x-dev
• symfony/filesystem: ^6.3
• symfony/framework-bundle: ^6.3
• symfony/phpunit-bridge: ^6.3

MIT

• Mathéo Daninos

• sass
• asset-mapper

README

This bundle make it easy to use Sass with Symfony's AssetMapper Component (no Node required!).

• Automatically download the correct Sass binary
• Adds a sass:build command to build and watch your sass changes

Installation

Install the bundle

    composer require webmamba/sass-bundle

Usage

To use generated css, start by including the input file (assets/styles/app.css by default)

{# templates.base.html.twig #}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('styles/app.css') }}">
{% endblock %}

Then you can create your scss file (assets/styles/app.scss by default) And start writing your style.

Then run the command:

    php bin/console sass:build --watch

And Thats it!