PHPackages                             pronnect/module-css-inline-sourcemap - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility &amp; Helpers](/categories/utility)
4. /
5. pronnect/module-css-inline-sourcemap

ActiveMagento2-module[Utility &amp; Helpers](/categories/utility)

pronnect/module-css-inline-sourcemap
====================================

Enable generating css inline source map

v1.0.2(11mo ago)016OSL-3.0PHPPHP &gt;=7.3

Since Mar 20Pushed 11mo ago1 watchersCompare

[ Source](https://github.com/pronnect/pronnect-magento2-module-inline-css-sourcemap)[ Packagist](https://packagist.org/packages/pronnect/module-css-inline-sourcemap)[ RSS](/packages/pronnect-module-css-inline-sourcemap/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (3)Dependencies (2)Versions (4)Used By (0)

[![Packagist Version](https://camo.githubusercontent.com/366ff11941abc1c5be450b0d78bfaea9ba6df558c4104addfae5a288d7971cff/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f70726f6e6e6563742f6d6f64756c652d6373732d696e6c696e652d736f757263656d6170)](https://packagist.org/packages/pronnect/module-css-inline-sourcemap)

The `pronnect/module-inline-css-sourcemap` module enhances Magento 2 with the ability to generate CSS source maps for inline CSS. This enables developers to more easily debug CSS and identify formatting issues.

**Module Features:**

- Generation of CSS source maps for inline CSS in Magento 2.
- Simplified CSS debugging and identification of formatting problems.
- Increased browser compatibility and accessibility.
- Improved overall frontend development and maintenance.

**Development Installation:**

```
composer req --dev pronnect/module-inline-css-sourcemap
```

**Post-Installation:**

1. **Activate the module**

```
bin/magento module:enable Pronnect_CssInlineSourceMap
bin/magento setup:upgrade
```

2. **Clear the Magento 2 cache**.

**Post-Installation (Development Only):****Further Information:**

- For more information about the module, please visit the GitHub page:

**Important:**

- This module is compatible with Magento 2 versions 2.3.x and 2.4.x.
- Back up your Magento 2 installation before installing the module.

**Thank you for using the `pronnect/module-inline-css-sourcemap` module!**

**Enabling the Module in Developer Mode:**

While the previous steps activate the module, in Magento 2 some developer-oriented settings might be disabled by default. To ensure all functionalities are available during development, consider these additional steps:

1. Navigate to **Stores** &gt; **Configuration** &gt; **Advanced** &gt; **Developer**.
2. In the **CSS Settings** section, set **Use CSS Inline Source Map** Yes/No to enable/disable feature
3. Click the **Save Config** button.

This section is relevant mainly for development installations (using composer req --dev).

**Benefits of using CSS source maps:**

- **Improved Debugging:** CSS source maps allow you to map inline CSS styles back to their original source files, making it easier to identify and fix formatting issues.
- **Enhanced Browser Compatibility:** By generating source maps, you can ensure that your inline CSS is compatible with a wider range of browsers, including older versions.
- **Increased Accessibility:** CSS source maps can improve the accessibility of your website by providing screen readers with additional information about the structure of your CSS.
- **Better Development Workflow:** Source maps can streamline your development workflow by allowing you to make changes to your CSS and see the results immediately without having to refresh the page.

**Overall, the `pronnect/module-inline-css-sourcemap` module is a valuable tool for developers who want to improve the quality, compatibility, and accessibility of their Magento 2 websites.**

###  Health Score

27

—

LowBetter than 49% of packages

Maintenance51

Moderate activity, may be stable

Popularity6

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity38

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~224 days

Total

3

Last Release

341d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/9ab3f63d7f44eafd58e4c17a40dde88d9725a321d4e4d93959ead6ca6cc142bc?d=identicon)[tcurilla](/maintainers/tcurilla)

---

Top Contributors

[![tcurilla](https://avatars.githubusercontent.com/u/1246371?v=4)](https://github.com/tcurilla "tcurilla (8 commits)")

---

Tags

csslessmagento 2Source mapadobe commerce

### Embed Badge

![Health badge](/badges/pronnect-module-css-inline-sourcemap/health.svg)

```
[![Health](https://phpackages.com/badges/pronnect-module-css-inline-sourcemap/health.svg)](https://phpackages.com/packages/pronnect-module-css-inline-sourcemap)
```

###  Alternatives

[scssphp/scssphp

scssphp is a compiler for SCSS written in PHP.

62827.7M220](/packages/scssphp-scssphp)[wikimedia/less.php

PHP port of the LESS processor

12327.4M77](/packages/wikimedia-lessphp)[tig/postnl-magento2

TIG Magento 2 PostNL extension

58544.2k4](/packages/tig-postnl-magento2)[efficiently/larasset

Larasset is a library for Laravel 5 which manage assets in an easy way.

684.8k](/packages/efficiently-larasset)[axy/sourcemap

Work with JavaScript/CSS Source Map

24734.1k5](/packages/axy-sourcemap)[magepal/magento2-customeraccountlinksmanager

Customer Account Links Manager for Magento2 allows you to quickly and easily remove unwanted links from customer account dashboard

4084.9k](/packages/magepal-magento2-customeraccountlinksmanager)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
