open-index/open-npm huggingface dataset:
npm package: @pixel2html/browserlist
Description: Our official supported browserlist
Author: Miguel Palau
Latest version: 1.0.1

# @pixel2html/browserlist
Our official supported browserlist

Just a shareable pluggable browserlist that we use in different projects and that's inline with our own devices support policy.

## Browserlist

Right now we support the following browsers:

```js
const browsers = [
  'last 2 Chrome versions',
  'last 2 ChromeAndroid versions',
  'last 2 Firefox versions',
  'last 2 Safari versions',
  'last 2 ios versions',
  'last 1 ie versions',
  'last 2 Edge versions',
  'last 2 Opera versions'
]
```

You can see it visually right here: [browserl.ist link](http://browserl.ist/?q=last+2+chrome+versions%2C+last+2+safari+versions%2C+last+2+ChromeAndroid+versions%2C+last+2+Firefox+versions%2C+last+2+ios+versions%2C+last+1+ie+versions%2C+last+2+Edge+versions%2C+last+2+Opera+versions)

## Usage

```sh
npm install @pixel2html/browserlist postcss autoprefixer
```

```js
const postcss = require('postcss')
const browserlist = require('@pixel2html/browserlist')
const autoprefixer = autoprefixer

// more css stuff

postcss([
  autoprefixer(browserlist)
])

// Profit??

```
npm package: @pixel2html/eslint-config
Description: our eslint config based on standard
Author: Miguel Palau
Latest version: 1.7.0

# eslint-config-pixel2html

This is a shareable ESLint configuration used by Pixel2HTML.

## Installation

If you're using our [Frontend Boilerplate](https://github.com/Pixel2HTML/pixel2html-generator) or our [Shopify Boilerplate](https://github.com/Pixel2HTML/shopify-skeleton) then you don't have to do anything you're already linting like a boss.

## Manual Installation

```bash
npm install eslint eslint-config-pixel2html --save-dev
```

Then set your `.eslintrc` or in your eslint field inside `package.json`:

```json
{
  "extends": "pixel2html"
}
```

That's it! You can override the settings from `eslint-config-pixel2html` by editing the `.eslintrc` file. Learn more about [configuring ESLint](http://eslint.org/docs/user-guide/configuring) on the ESLint website.
npm package: @pixel2html/generator-shopify
Description: Scaffold and develop shopify themes quickly
Author: Miguel Palau
Latest version: 3.2.10

# Pixel2HTML Shopify Skeleton Generator

[![npm version](https://badge.fury.io/js/%40pixel2html%2Fgenerator-shopify.svg)](https://badge.fury.io/js/%40pixel2html%2Fgenerator-shopify)
[![Build Status](https://travis-ci.org/Pixel2HTML/shopify-skeleton.svg?branch=master)](https://travis-ci.org/Pixel2HTML/shopify-skeleton)
[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
[![dependencies Status](https://david-dm.org/Pixel2HTML/shopify-skeleton/status.svg)](https://david-dm.org/Pixel2HTML/shopify-skeleton)

This is a tool for scaffolding Shopify themes quickly. Built as a starting point like Slate but with more flexibility in mind.

<img src="https://rawgit.com/Pixel2HTML/Pixel2HTML/master/packages/generator-shopify/tour.svg" alt="Cool demo" />

Brought to you by ~>
<a href='https://pixel2html.com/'><img alt='Pixel2HTML Logo' src='https://rawgit.com/Pixel2HTML/Pixel2HTML/master/packages/generator-shopify/pixel2html-logo.png' width='100px' /></a>

## Instructions

```bash
$ npm i -g yo @pixel2html/generator-shopify
$ yo @pixel2html/shopify
```

## Features

- Sourcemaps :fire:
- JS with Webpack and ES6 (Just require your problems away)
- Split vendor and app code (both JS and SCSS)
- Remove unused css rules on production
- SVG System
- Shopify Plus in mind (Checkout layouts)
- Sensible starting points (all in blank but already wired up)
- Based of Gulp 4
- Live reloading with Browser Sync
- Zip everything in the end

## Coming soon...

- Ajax cart by default (clients love that)
- How to account for yolo clients 🤔... (aka hot changes on the admin area...)
npm package: @pixel2html/shop-generator
Description: Scaffold and develop shopify themes quickly
Author: Miguel Palau
Latest version: 3.0.2

# Pixel2HTML Shopify Skeleton Generator

[![npm version](https://badge.fury.io/js/generator-pixel2html-shopify.svg)](https://badge.fury.io/js/generator-pixel2html-shopify)
[![Build Status](https://travis-ci.org/Pixel2HTML/pixel2html-generator.svg?branch=master)](https://travis-ci.org/Pixel2HTML/pixel2html-generator)
[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
[![dependencies Status](https://david-dm.org/Pixel2HTML/shopify-skeleton/status.svg)](https://david-dm.org/Pixel2HTML/shopify-skeleton)

This is a tool for scaffolding Shopify themes quickly. Built as a starting point like Slate but with more flexibility in mind.

Brought to you by ~>
<a href='https://pixel2html.com/'><img alt='Pixel2HTML Logo' src='pixel2html-logo.png' width='100px' /></a>


## Instructions

```bash
$ npm i -g yo @pixel2html/shop-generator
$ yo @pixel2html/shop-generator
```

## Features

- Sourcemaps
- JS with Webpack and ES6 (Just require your problems away)
- Split vendor and app code (both JS and SCSS)
- SVG System
- Shopify Plus in mind (Checkout layouts)
- Sensible starting points (all in blank but already wired up)
- Based of Gulp 4
- Live reloading with Browser Sync
- Zip everything in the end
npm package: @pixel2html/stylelint-config
Description: SCSS Recommendations from Pixel2HTML
Author: Miguel Palau
Latest version: 1.5.5

# stylelint-config-pixel2html

[Stylelint](https://stylelint.io/) SCSS config recommendations from Pixel2HTML

Your standard every day bro scss stylelint configuration:


## Installation

If you're using our [Frontend Boilerplate](https://github.com/Pixel2HTML/pixel2html-generator) or our [Shopify Boilerplate](https://github.com/Pixel2HTML/shopify-skeleton) then you don't have to do anything you're already linting like a boss.


## Manual Installation

```bash
npm install stylelint @pixel2html/stylelint-config --save-dev
```

## Usage

Just set your stylelint config to:

```json
{
  "extends": "@pixel2html/stylelint-config"
}
```

### Extending the config

Simply add a `"rules"` key to your config, then add your overrides and additions there.

For example, to turn off the `block-no-empty` rule, and add the `unit-whitelist` rule:

```json
{
  "extends": "@pixel2html/stylelint-config",
  "rules": {
    "block-no-empty": null,
    "unit-whitelist": ["em", "rem", "s"]
  }
}
```