PHPackages                             heimseiten/contao-lesbares-css-framework-bundle - 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. [Framework](/categories/framework)
4. /
5. heimseiten/contao-lesbares-css-framework-bundle

ActiveContao-bundle[Framework](/categories/framework)

heimseiten/contao-lesbares-css-framework-bundle
===============================================

Lesbares CSS-Framework für Contao samt deutschem Klassen-Selektor im Backend (Artikel & Inhaltselemente).

7.0.2(1w ago)3854GPL-3.0-or-laterCSSPHP ^8.1

Since Nov 26Pushed 8mo ago1 watchersCompare

[ Source](https://github.com/heimseiten/contao-lesbares-css-framework-bundle)[ Packagist](https://packagist.org/packages/heimseiten/contao-lesbares-css-framework-bundle)[ RSS](/packages/heimseiten-contao-lesbares-css-framework-bundle/feed)WikiDiscussions main Synced yesterday

READMEChangelog (10)Dependencies (8)Versions (55)Used By (0)

Lesbares CSS-Framework für Contao
=================================

[](#lesbares-css-framework-für-contao)

Stellt ein „lesbares" CSS-Framework (deutsche, sprechende Klassennamen) bereit und macht die Klassen im Backend an **Artikeln** und **Inhaltselementen** auswählbar – ohne Konfiguration im Backend. Die gewählten Klassen werden in das normale `cssID`-Klassenfeld des Elements geschrieben (und live mitaktualisiert, während man auswählt).

Installation
------------

[](#installation)

```
composer require heimseiten/contao-lesbares-css-framework-bundle
vendor/bin/contao-console contao:migrate
```

Ohne weitere Konfiguration ist das mitgelieferte Framework aktiv: Die CSS wird im Frontend geladen und alle Klassen erscheinen – nach Kategorien gruppiert – im Auswahlfeld „Lesbare CSS-Klassen".

Konfiguration (optional)
------------------------

[](#konfiguration-optional)

Alles über `config/config.yaml` – nichts davon ist Pflicht:

```
heimseiten_contao_lesbares_css_framework:
    # Das mitgelieferte Framework parsen und im Frontend laden.
    # false = nur eigene Klassen verwenden (mein Framework wird weder geladen noch angeboten).
    builtin: true

    # Einzelne Kategorien aus dem Auswahlfeld ausblenden ("nur Teile").
    # Verfügbare Kategorien: TEXT, BILDER, LISTEN, LINKS, SPALTEN, FORMULARE, FLÄCHEN,
    # KACHELN, BREITE, HÖHE, ABSTÄNDE, FARBEN, SCROLLING, ICONS, animierterUnterstrich
    exclude_categories: ['FARBEN']

    # Eigene CSS-Dateien, deren Klassen zusätzlich auswählbar werden.
    sources:
        - '%kernel.project_dir%/files/mein-theme/eigene-klassen.css'
```

### Eigene Klassen definieren

[](#eigene-klassen-definieren)

Lege eine CSS-Datei an und gruppiere die Klassen über Kommentar-Marker – genau diese Titel werden zu den Kategorien im Auswahlfeld:

```
/************ EIGENE FLÄCHEN ************/
.MeinKastenHervorgehoben { ... }
.MeinKastenDezent       { ... }
```

Trage die Datei unter `sources` ein. Die Klassen tauchen dann unter „EIGENE FLÄCHEN" auf. Das Laden dieser eigenen CSS übernimmt weiterhin dein Projekt/Theme – das Bundle liest sie nur für das Auswahlfeld aus.

> Hinweis: Technische Selektoren (`.mod_*`, `.ce_*`, `.rte`, `.icon` …) werden automatisch herausgefiltert; ein Klassenname, der in mehreren Kategorien vorkommt, erscheint nur einmal.

###  Health Score

47

—

FairBetter than 93% of packages

Maintenance76

Regular maintenance activity

Popularity20

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity69

Established project with proven stability

 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 ~24 days

Recently: every ~64 days

Total

54

Last Release

11d ago

Major Versions

2.2.0 → 3.0.02024-03-28

3.0.0 → 4.0.02024-06-22

4.4.0 → 5.0.02025-10-10

5.0.1 → 6.0.02025-10-14

6.0.0 → 7.0.02025-10-14

PHP version history (2 changes)1.0.0PHP ^8.0

7.0.2PHP ^8.1

### Community

Maintainers

![](https://www.gravatar.com/avatar/3a20bfd2f0aef996aa7d402a8f4d4065dcfd47ff9489d09b7205824f8dbc5b84?d=identicon)[heimseiten.de - Webdesign aus Köln](/maintainers/heimseiten.de%20-%20Webdesign%20aus%20K%C3%B6ln)

---

Top Contributors

[![heimseiten](https://avatars.githubusercontent.com/u/6552484?v=4)](https://github.com/heimseiten "heimseiten (354 commits)")

---

Tags

frameworkcsscontaobackendstyles

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/heimseiten-contao-lesbares-css-framework-bundle/health.svg)

```
[![Health](https://phpackages.com/badges/heimseiten-contao-lesbares-css-framework-bundle/health.svg)](https://phpackages.com/packages/heimseiten-contao-lesbares-css-framework-bundle)
```

###  Alternatives

[twitter/bootstrap

The most popular front-end framework for developing responsive, mobile first projects on the web.

174.4k1.8M28](/packages/twitter-bootstrap)[contao-community-alliance/dc-general

Universal data container for Contao

1680.8k92](/packages/contao-community-alliance-dc-general)[florientr/laravel-gentelella

The Laravel 5.4 framework with Gentelella template

2325.5k](/packages/florientr-laravel-gentelella)[oveleon/contao-component-style-manager

Style and CSS-Class Manager for Contao Open Source CMS

2538.4k9](/packages/oveleon-contao-component-style-manager)

PHPackages © 2026

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