PHPackages                             iresults/styles-lib - 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 & Helpers](/categories/utility)
4. /
5. iresults/styles-lib

ActiveLibrary[Utility & Helpers](/categories/utility)

iresults/styles-lib
===================

Sass library with utilities

0.1.0(2y ago)032MITSCSS

Since Mar 26Pushed 4mo ago1 watchersCompare

[ Source](https://github.com/iresults/styles-lib)[ Packagist](https://packagist.org/packages/iresults/styles-lib)[ RSS](/packages/iresults-styles-lib/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependenciesVersions (3)Used By (0)

iresults/styles-lib
===================

[](#iresultsstyles-lib)

Sass library with utilities

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

[](#installation)

### composer

[](#composer)

```
{
    "require": {
        "iresults/styles-lib": "*"
    }
}
```

Usage
-----

[](#usage)

Before the some of the libraries features can be used, the breakpoints, container widths and grid have to be configured:

```
$grid-breakpoints: (
    xs: 0,
    sm: 576px,
    md: 768px,
    lg: 992px,
    xl: 1200px,
    xxl: 1400px,
);
$container-max-widths: (
    xs: 100%,
    sm: 100px,
    md: 200px,
    lg: 300px,
    xl: 400px,
    xxl: 500px,
    xxxl: 600px,
);
$grid-configuration: (
    columns: 12,
    gap: 1rem,
);
@include lib.configure(
    $grid-breakpoints,
    $container-max-widths,
    $grid-configuration
);
```

### Examples

[](#examples)

```
@include lib.configure(/* ... */);

@include lib.debug-grid();
@include lib.debug-screen-breakpoints();

body::before {
    width: lib.rem-calc(16px);
    height: lib.unit-strip(16px);
}

.container {
    @include lib.container-apply-widths();
}

.container-with-extra {
    @include lib.container-apply-widths(20px);
}
```

### Media-query mixins

[](#media-query-mixins)

```
@include lib.configure(/* ... */);

body {
    font-size: 16px;

    // Screen width `sm` and above
    @include lib.screen-min(sm) {
        font-size: 18px;
    }

    // Up to and including `lg` screen
    @include lib.screen-max(lg) {
        font-size: 24px;
    }

    // Same as `@include lib.screen-max(lg)`
    @include lib.screen-max-lg() {
        font-size: 24px;
    }

    // Only for `md` screen
    @include lib.screen-screen(md) {
        font-size: 22px;
    }
}
```

### `apply` utilities

[](#apply-utilities)

```
@include lib.configure(/* ... */);

.element {
    // Set the `width` for the given screen only (100% width for `xs` and 80% for `sm`)
    @include lib.screen-utility-apply-properties-for-screens(
        width,
        (
            xs: 100%,
            sm: 80%,
        )
    );

    // Set the `width` for the given screen and above (100% width for `xs` and 80% for `sm`, `md`, …)
    @include lib.screen-utility-apply-properties-for-min-screens(
        width,
        (
            xs: 100%,
            sm: 80%,
        )
    );
}
```

###  Health Score

26

—

LowBetter than 43% of packages

Maintenance52

Moderate activity, may be stable

Popularity7

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity32

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

Unknown

Total

1

Last Release

783d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/da109c98da5adda4f3818c747dbba428d1e80c06ece9e51aabd716ba76024ef4?d=identicon)[cundd](/maintainers/cundd)

---

Top Contributors

[![cundd](https://avatars.githubusercontent.com/u/743122?v=4)](https://github.com/cundd "cundd (29 commits)")

### Embed Badge

![Health badge](/badges/iresults-styles-lib/health.svg)

```
[![Health](https://phpackages.com/badges/iresults-styles-lib/health.svg)](https://phpackages.com/packages/iresults-styles-lib)
```

PHPackages © 2026

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