added backup and email client
This commit is contained in:
+20
@@ -0,0 +1,20 @@
|
||||
# goober-autoprefixer
|
||||
|
||||
A css autoprefixer for [🥜goober](https://github.com/cristianbote/goober) using [style-vendorizer](https://github.com/kripod/style-vendorizer).
|
||||
|
||||
## Install
|
||||
|
||||
`npm install --save goober`
|
||||
|
||||
## How to use it
|
||||
|
||||
This packages exports a `prefix` function that needs to be passed to goober's `setup` function like this:
|
||||
|
||||
```jsx
|
||||
import React from 'react';
|
||||
import { setup } from 'goober';
|
||||
import { prefix } from 'goober/prefixer';
|
||||
|
||||
// Setup goober for react with autoprefixer
|
||||
setup(React.createElement, prefix);
|
||||
```
|
||||
+7
@@ -0,0 +1,7 @@
|
||||
export = autoprefixer;
|
||||
|
||||
export as namespace autoprefixer;
|
||||
|
||||
declare namespace autoprefixer {
|
||||
function prefix(key: string, val: any): string;
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
var e=require("style-vendorizer");exports.prefix=function(s,$){let r="";const t=e.cssPropertyAlias(s);t&&(r+=`${t}:${$};`);const o=e.cssPropertyPrefixFlags(s);1&o&&(r+=`-webkit-${s}:${$};`),2&o&&(r+=`-moz-${s}:${$};`),4&o&&(r+=`-ms-${s}:${$};`);const i=e.cssValuePrefixFlags(s,$);return 1&i?r+=`${s}:-webkit-${$};`:2&i?r+=`${s}:-moz-${$};`:4&i&&(r+=`${s}:-ms-${$};`),r+=`${s}:${$};`,r};
|
||||
+1
@@ -0,0 +1 @@
|
||||
import{cssPropertyAlias as $,cssPropertyPrefixFlags as t,cssValuePrefixFlags as o}from"style-vendorizer";function e(e,n){let r="";const m=$(e);m&&(r+=`${m}:${n};`);const s=t(e);1&s&&(r+=`-webkit-${e}:${n};`),2&s&&(r+=`-moz-${e}:${n};`),4&s&&(r+=`-ms-${e}:${n};`);const i=o(e,n);return 1&i?r+=`${e}:-webkit-${n};`:2&i?r+=`${e}:-moz-${n};`:4&i&&(r+=`${e}:-ms-${n};`),r+=`${e}:${n};`,r}export{e as prefix};
|
||||
+1
@@ -0,0 +1 @@
|
||||
import{cssPropertyAlias as $,cssPropertyPrefixFlags as t,cssValuePrefixFlags as o}from"style-vendorizer";function e(e,n){let r="";const m=$(e);m&&(r+=`${m}:${n};`);const s=t(e);1&s&&(r+=`-webkit-${e}:${n};`),2&s&&(r+=`-moz-${e}:${n};`),4&s&&(r+=`-ms-${e}:${n};`);const i=o(e,n);return 1&i?r+=`${e}:-webkit-${n};`:2&i?r+=`${e}:-moz-${n};`:4&i&&(r+=`${e}:-ms-${n};`),r+=`${e}:${n};`,r}export{e as prefix};
|
||||
+1
@@ -0,0 +1 @@
|
||||
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("style-vendorizer")):"function"==typeof define&&define.amd?define(["exports","style-vendorizer"],o):o((e||self).gooberPrefixer={},e.styleVendorizer)}(this,function(e,o){e.prefix=function(e,t){let s="";const i=o.cssPropertyAlias(e);i&&(s+=`${i}:${t};`);const r=o.cssPropertyPrefixFlags(e);1&r&&(s+=`-webkit-${e}:${t};`),2&r&&(s+=`-moz-${e}:${t};`),4&r&&(s+=`-ms-${e}:${t};`);const n=o.cssValuePrefixFlags(e,t);return 1&n?s+=`${e}:-webkit-${t};`:2&n?s+=`${e}:-moz-${t};`:4&n&&(s+=`${e}:-ms-${t};`),s+=`${e}:${t};`,s}});
|
||||
+44
@@ -0,0 +1,44 @@
|
||||
{
|
||||
"name": "goober-autoprefixer",
|
||||
"version": "1.2.3",
|
||||
"sideEffects": false,
|
||||
"main": "./dist/goober-autoprefixer.cjs",
|
||||
"module": "./dist/goober-autoprefixer.esm.js",
|
||||
"umd:main": "./dist/goober-autoprefixer.umd.js",
|
||||
"source": "./src/index.js",
|
||||
"unpkg": "./dist/goober-autoprefixer.umd.js",
|
||||
"types": "./autoprefixer.d.ts",
|
||||
"type": "module",
|
||||
"author": {
|
||||
"name": "Jovi De Croock",
|
||||
"url": "https://www.jovidecroock.com/"
|
||||
},
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
"build": "rm -rf ./dist && microbundle --entry src/index.js --name gooberPrefixer --no-sourcemap --generateTypes false",
|
||||
"test": "jest"
|
||||
},
|
||||
"devDependencies": {
|
||||
"microbundle": "^0.14.2",
|
||||
"@babel/plugin-transform-react-jsx": "^7.7.0",
|
||||
"@babel/preset-env": "^7.3.1",
|
||||
"babel-jest": "^24.1.0",
|
||||
"jest": "^24.1.0",
|
||||
"style-vendorizer": "^2.0.0"
|
||||
},
|
||||
"keywords": [
|
||||
"goober",
|
||||
"prefixer",
|
||||
"autoprefixer",
|
||||
"css",
|
||||
"postcss"
|
||||
],
|
||||
"files": [
|
||||
"src",
|
||||
"dist",
|
||||
"README.md",
|
||||
"package.json",
|
||||
"LICENSE",
|
||||
"autoprefixer.d.ts"
|
||||
]
|
||||
}
|
||||
+28
@@ -0,0 +1,28 @@
|
||||
import { cssPropertyAlias, cssPropertyPrefixFlags, cssValuePrefixFlags } from 'style-vendorizer';
|
||||
|
||||
export function prefix(property, value) {
|
||||
let cssText = '';
|
||||
|
||||
/* Resolve aliases, e.g. `gap` -> `grid-gap` */
|
||||
const propertyAlias = cssPropertyAlias(property);
|
||||
if (propertyAlias) cssText += `${propertyAlias}:${value};`;
|
||||
|
||||
/* Prefix properties, e.g. `backdrop-filter` -> `-webkit-backdrop-filter` */
|
||||
const propertyFlags = cssPropertyPrefixFlags(property);
|
||||
if (propertyFlags & 0b001) cssText += `-webkit-${property}:${value};`;
|
||||
if (propertyFlags & 0b010) cssText += `-moz-${property}:${value};`;
|
||||
if (propertyFlags & 0b100) cssText += `-ms-${property}:${value};`;
|
||||
|
||||
/* Prefix values, e.g. `position: "sticky"` -> `position: "-webkit-sticky"` */
|
||||
/* Notice that flags don't overlap and property prefixing isn't needed here */
|
||||
const valueFlags = cssValuePrefixFlags(property, value);
|
||||
if (valueFlags & 0b001) cssText += `${property}:-webkit-${value};`;
|
||||
else if (valueFlags & 0b010) cssText += `${property}:-moz-${value};`;
|
||||
else if (valueFlags & 0b100) cssText += `${property}:-ms-${value};`;
|
||||
|
||||
/* Include the standardized declaration last */
|
||||
/* https://css-tricks.com/ordering-css3-properties/ */
|
||||
cssText += `${property}:${value};`;
|
||||
|
||||
return cssText;
|
||||
}
|
||||
Reference in New Issue
Block a user