open-index/open-npm huggingface dataset:
npm package: @goldenplanet/bracket-theme
Description: Bracket theme v2.0
Latest version: 2.0.0

## Bracket v2.0 Responsive Bootstrap 4 Admin Template

This is a regular version (not Plus) of Bracket theme

[Home page](http://themetrace.com/template/bracket/intro/?storefront=envato-elements)

[**bracket** demo](http://themetrace.com/template/bracket/app/index.html)

[**bracket plus** demo](http://themepixels.me/bracketplus/app/index.html)
npm package: @goldenplanet/jquery
Description: jQuery and jQueryUI plugins for OpenBizBox
Latest version: 1.2.4

## jQuery plugins and jQuery UI widgets

Collection of general-purpose in-house jQuery plugins and jQuery UI widgets for OpenBizBox apps.

### Usage

All jQuery and jQuery UI plugins can be loaded at once e.g. with webpack:

```
require('@goldenplanet/jquery');
```

### Demo

- [CRUD Dropdown Input](https://rawgit.com/goldenplanetdk/jquery-plugins/master/crud-dropdown-input/demo.html)
npm package: @goldenplanet/socicon
Description: Social icons font is downloaded from http://www.socicon.com/download.php Based on `v3.5.2`  *v2017.05*
Latest version: 3.5.3

# socicon

Social icons font is downloaded from http://www.socicon.com/download.php
Based on `v3.5.2`  *v2017.05*

Reason behind creating this repo is that [on NPM](https://www.npmjs.com/search?q=socicon) 
there was only [one library](https://www.npmjs.com/package/socicon) with an outdated version `3.0.5` of the socicon. 
It had completely different character codes and that broke our frontend.

# Generating rules for icons

Whenever socicon version is updated 
(e.g. new icons added, changed character codes, icon colors) 
navigate to [Socicon home page](http://www.socicon.com/chart.php).
Then in the DevTools execute following code:

```js
{
	let rules = '';

	$('.icons').each(function() {

		const $icon = $(this);
		const selector = '.' + $icon.find('.usage').text().match(/"(.*)"/)[1];
		const color = $icon.find('.color').text();
		const charCode = $icon.find('.unicode').text();

		rules += `${selector} { .socicon-colors(${color}); &:before { content: '${charCode}'; } }\n`;
	});


	console.log(rules);
	copy(rules);
	console.log('NOTE: Rules are Copied to Clipboard');
}
```

Then copy paste it to `obb-socicon.less`

In **PhpStorm**:
- Sort the lines with `Edit` > `Sort Lines`
- Align with `Edit` > `String Manipulation` > `Align` > `Align to Columns` > `{`. 
You will need to have the **String Manipulation** plugin installed.