npmpackage.info

Gathering detailed insights and metrics for niduscss-lib-mixins

niduscss-lib-mixins - 1.4.0 | npmpackage.info

niduscss-lib-mixins

A personal CSS framework to process with PostCSS

1.4.0

MIT

CSS

375.00 B

3,675 1.7

Installations

npm install niduscss-lib-mixins

Developer Guide

BETA

Typescript

No

Module System

N/A

Min. Node Version

>=6.0.0 <7.0.0

Node Version

6.9.1

NPM Version

3.10.8 Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Languages

CSS

JavaScript

CSS (88.59%)

JavaScript (11.41%)

Developer

nimedev

Download Statistics

Total Downloads

3,675

Last Day

Last Week

Last Month

Last Year

187

GitHub Statistics

MIT License

2 Stars

83 Commits

1 Watchers

1 Branches

1 Contributors

Updated on Sep 11, 2018

Bundle Size

1.47 kB

Minified

375.00 B

Minified + Gzipped

Bundlephobia

Maintainers

View All 1 Contributors

Package Meta Information

Latest Version

1.4.0

Package Id

niduscss-lib-mixins@1.4.0

Size

2.26 kB

NPM Version

3.10.8

Node Version

6.9.1

Total Downloads

Cumulative downloads

Total Downloads

3,675

Last Day

Compared to previous day

Last Week

1,100%

Compared to previous week

Last Month

-3.1%

Compared to previous month

Last Year

28.1%

187

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

No dependencies detected.

niduscss-lib-mixins

Common mixins for niduscss framework.

Installation

1$ npm install niduscss-lib-mixins

Usage

Import styles:

styles.css:

1/* Libraries
2   ========================================================================== */
3@import "niduscss-lib-mixins";
4
5/* Other styles */

Note: Be sure that the import is before all styles to use the mixins

Align mixins

1/* Container */
2.Container {
3  @mixin u-alignContainer;
4
5  /* Import the vertical centering ghost mixin */
6  &::before {
7    @mixin u-alignGhost;
8  }
9}

Link mixins

Use the mixin homogenizeLink to homogenize a link element. To change color use a parent element of the link:

1/* Change the color of link */
2nav {
3  color: salmon;
4}
5
6/* Homogenize the link elements inside a nav */
7nav a {
8  @mixin homogenizeLink;
9}

outline mixins

Remove outline of a element:

1button {
2  @mixin removeOutline;
3}

Responsive mixins

1/* Define the custom media querie */
2@custom-media --small-viewport (min-width: 37.5rem);
3
4/* Import the mixin */
5@mixin respondTo --small-viewport {
6  height: 2rem;
7}

Shadow mixins

1header {
2  /* Import the mixin */
3  @mixin u-shadowBottom;
4}

Text mixins

1label {
2  /* import ellipsis hack mixin */
3  @mixin u-textEllipsis;
4}

Changelog

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

SAST

Determines if the project uses static code analysis.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.7

/10

Last Scanned on 2025-06-23

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More