open-index/open-npm huggingface dataset:
npm package: @midiu/sticky
Description: A lightweight vanilla javascript for creating sticky elements pinned to the page or to a container element
Author: Vinh Trinh
Latest version: 1.0.4

<div align="center">

![](https://img.shields.io/npm/l/@midiu/sticky.svg?style=flat-square)
![](https://img.shields.io/github/size/vinhtrinh/sticky/src/js/sticky.js.svg?style=flat-square)
![](https://img.shields.io/npm/v/@midiu/sticky.svg?style=flat-square)
![](https://img.shields.io/npm/dt/@midiu/sticky.svg?style=flat-square)

![](https://img.shields.io/travis/vinhtrinh/sticky.svg?style=flat-square)
![](https://img.shields.io/david/vinhtrinh/sticky.svg?style=flat-square)
![](https://img.shields.io/david/dev/vinhtrinh/sticky.svg?style=flat-square)

[![](https://sonarcloud.io/api/project_badges/measure?project=vinhtrinh_sticky&metric=alert_status)](https://sonarcloud.io/dashboard?id=vinhtrinh_sticky)
[![](https://sonarcloud.io/api/project_badges/measure?project=vinhtrinh_sticky&metric=sqale_rating)](https://sonarcloud.io/dashboard?id=vinhtrinh_sticky)
[![](https://sonarcloud.io/api/project_badges/measure?project=vinhtrinh_sticky&metric=reliability_rating)](https://sonarcloud.io/dashboard?id=vinhtrinh_sticky)
[![](https://sonarcloud.io/api/project_badges/measure?project=vinhtrinh_sticky&metric=coverage)](https://sonarcloud.io/dashboard?id=vinhtrinh_sticky)

#
</div>


## Sticky

> Sticky is a library for sticky elements written in vanilla javascript. With this library you can easily set sticky elements on your website

### Installation

```shell
npm install --save @midiu/sticky
```

### Usage

``` js
new Sticky(document.querySelector('.section-1 .sticky'), {
    containment: document.querySelector('.section-1')
});
```
npm package: @midival/adapter-virtual
Description: `midival` is the library to handle MIDI messages in JavaScript (TypeScript) with ease. It provides simple programming interface to interact with both MIDI IN and MIDI OUT.
Latest version: 0.0.1

# @midival/adapter-virtual

`midival` is the library to handle MIDI messages in JavaScript (TypeScript) with ease. It provides simple programming interface to interact with both MIDI IN and MIDI OUT.

The library is currently in alpha state. Feel free to contribute, post bug reports, comments and ideas.

More information: [midival.github.io](https://midival.github.io)

## Installation
```bash
yarn add @midival/adapter-virtual
```

More docs to come.
npm package: @midival/node
Description: This is a node wrapper for `@midival/core` library. It provides MIDI bindings to make library run in the Node.js environment.
Author: Kacper Kula
Latest version: 0.2.0

# @midival/node

This is a node wrapper for `@midival/core` library. It provides MIDI bindings to make library run in the Node.js environment.

For instructions on how to use MIDIVal, please check:
- [the official documentation](https://midival.github.io/)
- [`@midival/core` repository](https://github.com/midival/core)


## How to setup MIDIVal in Node 1-0-1
```ts
import { MIDIVal } from "@midival/core";
import { NodeMIDIAccess } from "@midival/node";
import * as midi from "midi";

MIDIVal.configureAccessObject(new NodeMIDIAccess(midi));

// The rest code should be the same as core examples.

```


# Releases
## [0.1.0]
- Release compatible with `0.1.x` versions of `@midival/core`.
npm package: @midival/react-native
Description: React Native bindings (iOS + Android) for MIDIVal library
Author: Kacper Kula
Latest version: 0.0.2

# @midival/react-native

React Native bindings (iOS + Android) for MIDIVal library

## Installation

```sh
npm install @midival/react-native
```

## Usage

```js
import { multiply } from "@midival/react-native";

// ...

const result = await multiply(3, 7);
```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT
npm package: @midka/midka-dev-tools
Description: Dev Tools by Midka
Author: Midka
Latest version: 1.0.2

# Midka-Dev-Tools

Dev tools by Midka (AKA me)

# How to use

> You can install this package with ```npm install -g @midka/midka-dev-tools```.<br>

> To generate a project from template, type ```midka-dev-tools <template> <flags> ```.<br>

### Flags

> --install or -i Automatically installs dependencies<br>
> --yes or -y Accepts all questions in the prompt<br>
> --git or -g Generates a Git Repository<br>
> --firebase or -f Generates a Firebase configuration (Not tested yet!)<br>

### Templates

> Discordjs: Generates a Discord.js project with basic command and eventHandler. <br>
> React: Generates a basic react application with ```/src``` folder cleaned.<br>
> JavaScript: Generates JavaScript app with esm module installed. <br>
> TypeScript: Generates app with TypeScript installed. <br>
npm package: @midkard/reboot
Description: reboot library of DNT WordPress theme.
Author: Dimenius Novus
Latest version: 1.0.1

# @midkard/reboot

A lightweight CSS reboot library for the DNT WordPress theme, providing normalized styles, UI components, and Sass utilities.

## Features

- **CSS Reboot** - Normalized base styles for HTML elements (forked from Normalize.css)
- **UI Components** - Button and navigation styles
- **Sass Mixins** - Useful SCSS mixins for common patterns
- **TypeScript Utilities** - Cookie helper functions
- **CSS Variables** - Customizable theming with CSS custom properties

## Installation

```bash
npm install @midkard/reboot
```

## Usage

### CSS/JS Import

```javascript
// Import styles and utilities
import '@midkard/reboot';
```

Or import styles only:

```javascript
import '@midkard/reboot/style';
```

### Sass Import

```scss
// Import mixins
@import '@midkard/reboot/sass/mixins';

// Import container styles
@import '@midkard/reboot/sass/container';
```

## CSS Variables

The following CSS custom properties are available for customization:

```css
:root {
  --bg: #fff;              /* Background color */
  --color: #000;           /* Text color */
  --accent: blue;          /* Accent/highlight color */
  --container-padding: 1rem; /* Container padding */
}
```

## Components

### Buttons

```html
<!-- Standard button -->
<button class="btn">Click me</button>

<!-- Icon button -->
<button class="btn-i">
  <svg><!-- icon --></svg>
</button>

<!-- Link button -->
<button class="link">Link style</button>
```

### Navigation

```html
<ul class="menu menu_horizontal">
  <li>Item 1</li>
  <li>Item 2</li>
</ul>
```

### Container

```html
<div class="container">
  <!-- Content with responsive max-width -->
</div>
```

## TypeScript Utilities

### Cookie Functions

```typescript
import { setCookie, getCookie } from '@midkard/reboot';

// Set a cookie (expires in 30 days by default)
setCookie('name', 'value');

// Set a cookie with custom expiration (in seconds)
setCookie('name', 'value', { time: 3600 }); // 1 hour

// Get a cookie
const value = getCookie('name');
```

## Sass Mixins

Available mixins in `sass/mixins`:

- `breakpoints` - Responsive breakpoint helpers
- `overlay-backdrop` - Backdrop overlay styles
- `transition` - Transition utilities
- `visually-hidden` - Screen reader only content
- `text-truncate` - Text truncation
- `full-width` - Full width container utilities

## Development

```bash
# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Run linter
npm run lint

# Format code
npm run format
```

## License

MIT © [Dimenius Novus](https://dn-ms.ru)