Bump @justinribeiro/lite-youtube from 0.9.0 to 0.9.1 in /build/javascript (#273)

* Commit updated Javascript packages

* Bump preact from 10.5.4 to 10.5.5 in /build/javascript (#265)

* Trying a new github workflow to install javascript packages

* Bump tailwindcss from 1.9.2 to 1.9.4 in /build/javascript (#266)

Bumps [tailwindcss](https://github.com/tailwindlabs/tailwindcss) from 1.9.2 to 1.9.4.
- [Release notes](https://github.com/tailwindlabs/tailwindcss/releases)
- [Changelog](https://github.com/tailwindlabs/tailwindcss/blob/master/CHANGELOG.md)
- [Commits](https://github.com/tailwindlabs/tailwindcss/compare/v1.9.2...v1.9.4)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Commit updated Javascript packages

* Bump preact from 10.5.4 to 10.5.5 in /build/javascript

Bumps [preact](https://github.com/preactjs/preact) from 10.5.4 to 10.5.5.
- [Release notes](https://github.com/preactjs/preact/releases)
- [Commits](https://github.com/preactjs/preact/compare/10.5.4...10.5.5)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: Gabe Kangas <gabek@real-ity.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Owncast <owncast@owncast.online>

* Bump @justinribeiro/lite-youtube in /build/javascript

Bumps [@justinribeiro/lite-youtube](https://github.com/justinribeiro/lite-youtube) from 0.9.0 to 0.9.1.
- [Release notes](https://github.com/justinribeiro/lite-youtube/releases)
- [Commits](https://github.com/justinribeiro/lite-youtube/commits)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: Owncast <owncast@owncast.online>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
This commit is contained in:
dependabot[bot]
2020-10-20 15:15:56 -07:00
committed by GitHub
parent fb4a822cd8
commit dab7914eab
6133 changed files with 546543 additions and 1108 deletions

14
build/javascript/node_modules/tailwindcss/lib/cli.js generated vendored Executable file
View File

@@ -0,0 +1,14 @@
#!/usr/bin/env node
"use strict";
var _main = _interopRequireDefault(require("./cli/main"));
var utils = _interopRequireWildcard(require("./cli/utils"));
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
(0, _main.default)(process.argv.slice(2)).catch(error => utils.die(error.stack));

View File

@@ -0,0 +1,63 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.bold = bold;
exports.info = info;
exports.error = error;
exports.command = command;
exports.file = file;
var _chalk = _interopRequireDefault(require("chalk"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* Applies colors to emphasize
*
* @param {...string} msgs
*/
function bold(...msgs) {
return _chalk.default.bold(...msgs);
}
/**
* Applies colors to inform
*
* @param {...string} msgs
*/
function info(...msgs) {
return _chalk.default.bold.cyan(...msgs);
}
/**
* Applies colors to signify error
*
* @param {...string} msgs
*/
function error(...msgs) {
return _chalk.default.bold.red(...msgs);
}
/**
* Applies colors to represent a command
*
* @param {...string} msgs
*/
function command(...msgs) {
return _chalk.default.bold.magenta(...msgs);
}
/**
* Applies colors to represent a file
*
* @param {...string} msgs
*/
function file(...msgs) {
return _chalk.default.bold.magenta(...msgs);
}

View File

@@ -0,0 +1,132 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.run = run;
exports.optionMap = exports.options = exports.description = exports.usage = void 0;
var _autoprefixer = _interopRequireDefault(require("autoprefixer"));
var _bytes = _interopRequireDefault(require("bytes"));
var _prettyHrtime = _interopRequireDefault(require("pretty-hrtime"));
var _ = _interopRequireDefault(require("../.."));
var _compile = _interopRequireDefault(require("../compile"));
var colors = _interopRequireWildcard(require("../colors"));
var emoji = _interopRequireWildcard(require("../emoji"));
var utils = _interopRequireWildcard(require("../utils"));
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const usage = 'build <file> [options]';
exports.usage = usage;
const description = 'Compiles Tailwind CSS file.';
exports.description = description;
const options = [{
usage: '-o, --output <file>',
description: 'Output file.'
}, {
usage: '-c, --config <file>',
description: 'Tailwind config file.'
}, {
usage: '--no-autoprefixer',
description: "Don't add vendor prefixes using autoprefixer."
}];
exports.options = options;
const optionMap = {
output: ['output', 'o'],
config: ['config', 'c'],
noAutoprefixer: ['no-autoprefixer']
};
/**
* Prints the error message and stops the process.
*
* @param {...string} [msgs]
*/
exports.optionMap = optionMap;
function stop(...msgs) {
utils.header();
utils.error(...msgs);
utils.die();
}
/**
* Compiles CSS file and writes it to stdout.
*
* @param {CompileOptions} compileOptions
* @return {Promise}
*/
function buildToStdout(compileOptions) {
return (0, _compile.default)(compileOptions).then(result => process.stdout.write(result.css));
}
/**
* Compiles CSS file and writes it to a file.
*
* @param {CompileOptions} compileOptions
* @param {int[]} startTime
* @return {Promise}
*/
function buildToFile(compileOptions, startTime) {
const inputFileSimplePath = utils.getSimplePath(compileOptions.inputFile);
const outputFileSimplePath = utils.getSimplePath(compileOptions.outputFile);
utils.header();
utils.log();
utils.log(emoji.go, ...(inputFileSimplePath ? ['Building:', colors.file(inputFileSimplePath)] : ['Building from default CSS...', colors.info('(No input file provided)')]));
return (0, _compile.default)(compileOptions).then(result => {
utils.writeFile(compileOptions.outputFile, result.css);
const prettyTime = (0, _prettyHrtime.default)(process.hrtime(startTime));
utils.log();
utils.log(emoji.yes, 'Finished in', colors.info(prettyTime));
utils.log(emoji.pack, 'Size:', colors.info((0, _bytes.default)(result.css.length)));
utils.log(emoji.disk, 'Saved to', colors.file(outputFileSimplePath));
utils.footer();
});
}
/**
* Runs the command.
*
* @param {string[]} cliParams
* @param {object} cliOptions
* @return {Promise}
*/
function run(cliParams, cliOptions) {
return new Promise((resolve, reject) => {
const startTime = process.hrtime();
const inputFile = cliParams[0];
const configFile = cliOptions.config && cliOptions.config[0];
const outputFile = cliOptions.output && cliOptions.output[0];
const autoprefix = !cliOptions.noAutoprefixer;
const inputFileSimplePath = utils.getSimplePath(inputFile);
const configFileSimplePath = utils.getSimplePath(configFile);
if (inputFile) {
!utils.exists(inputFile) && stop(colors.file(inputFileSimplePath), 'does not exist.');
}
configFile && !utils.exists(configFile) && stop(colors.file(configFileSimplePath), 'does not exist.');
const compileOptions = {
inputFile,
outputFile,
plugins: [(0, _.default)(configFile)].concat(autoprefix ? [_autoprefixer.default] : [])
};
const buildPromise = outputFile ? buildToFile(compileOptions, startTime) : buildToStdout(compileOptions);
buildPromise.then(resolve).catch(reject);
});
}

View File

@@ -0,0 +1,103 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.forApp = forApp;
exports.forCommand = forCommand;
exports.invalidCommand = invalidCommand;
exports.run = run;
exports.description = exports.usage = void 0;
var _lodash = require("lodash");
var _ = _interopRequireDefault(require("."));
var constants = _interopRequireWildcard(require("../../constants"));
var colors = _interopRequireWildcard(require("../colors"));
var utils = _interopRequireWildcard(require("../utils"));
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const usage = 'help [command]';
exports.usage = usage;
const description = 'More information about the command.';
exports.description = description;
const PADDING_SIZE = 3;
/**
* Prints general help.
*/
function forApp() {
const pad = Math.max(...(0, _lodash.map)(_.default, 'usage.length')) + PADDING_SIZE;
utils.log();
utils.log('Usage:');
utils.log(' ', colors.bold(constants.cli + ' <command> [options]'));
utils.log();
utils.log('Commands:');
(0, _lodash.forEach)(_.default, command => {
utils.log(' ', colors.bold((0, _lodash.padEnd)(command.usage, pad)), command.description);
});
}
/**
* Prints help for a command.
*
* @param {object} command
*/
function forCommand(command) {
utils.log();
utils.log('Usage:');
utils.log(' ', colors.bold(constants.cli, command.usage));
utils.log();
utils.log('Description:');
utils.log(' ', colors.bold(command.description));
if (command.options) {
const pad = Math.max(...(0, _lodash.map)(command.options, 'usage.length')) + PADDING_SIZE;
utils.log();
utils.log('Options:');
(0, _lodash.forEach)(command.options, option => {
utils.log(' ', colors.bold((0, _lodash.padEnd)(option.usage, pad)), option.description);
});
}
}
/**
* Prints invalid command error and general help. Kills the process.
*
* @param {string} commandName
*/
function invalidCommand(commandName) {
utils.error('Invalid command:', colors.command(commandName));
forApp();
utils.die();
}
/**
* Runs the command.
*
* @param {string[]} cliParams
* @return {Promise}
*/
function run(cliParams) {
return new Promise(resolve => {
utils.header();
const commandName = cliParams[0];
const command = _.default[commandName];
!commandName && forApp();
commandName && command && forCommand(command);
commandName && !command && invalidCommand(commandName);
utils.footer();
resolve();
});
}

View File

@@ -0,0 +1,23 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var help = _interopRequireWildcard(require("./help"));
var init = _interopRequireWildcard(require("./init"));
var build = _interopRequireWildcard(require("./build"));
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
var _default = {
help,
init,
build
};
exports.default = _default;

View File

@@ -0,0 +1,69 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.run = run;
exports.optionMap = exports.options = exports.description = exports.usage = void 0;
var constants = _interopRequireWildcard(require("../../constants"));
var colors = _interopRequireWildcard(require("../colors"));
var emoji = _interopRequireWildcard(require("../emoji"));
var utils = _interopRequireWildcard(require("../utils"));
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
const usage = 'init [file]';
exports.usage = usage;
const description = 'Creates Tailwind config file. Default: ' + colors.file(utils.getSimplePath(constants.defaultConfigFile));
exports.description = description;
const options = [{
usage: '--full',
description: 'Generate complete configuration file.'
}, {
usage: '-p',
description: 'Generate postcss.config.js file.'
}];
exports.options = options;
const optionMap = {
full: ['full'],
postcss: ['p']
};
/**
* Runs the command.
*
* @param {string[]} cliParams
* @param {object} cliOptions
* @return {Promise}
*/
exports.optionMap = optionMap;
function run(cliParams, cliOptions) {
return new Promise(resolve => {
utils.header();
const full = cliOptions.full;
const file = cliParams[0] || constants.defaultConfigFile;
const simplePath = utils.getSimplePath(file);
utils.exists(file) && utils.die(colors.file(simplePath), 'already exists.');
const stubFile = full ? constants.defaultConfigStubFile : constants.simpleConfigStubFile;
utils.copyFile(stubFile, file);
utils.log();
utils.log(emoji.yes, 'Created Tailwind config file:', colors.file(simplePath));
if (cliOptions.postcss) {
const path = utils.getSimplePath(constants.defaultPostCssConfigFile);
utils.exists(constants.defaultPostCssConfigFile) && utils.die(colors.file(path), 'already exists.');
utils.copyFile(constants.defaultPostCssConfigStubFile, constants.defaultPostCssConfigFile);
utils.log(emoji.yes, 'Created PostCSS config file:', colors.file(path));
}
utils.footer();
resolve();
});
}

View File

@@ -0,0 +1,53 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = compile;
var _postcss = _interopRequireDefault(require("postcss"));
var utils = _interopRequireWildcard(require("./utils"));
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* Compiler options
*
* @typedef {Object} CompileOptions
* @property {string} inputFile
* @property {string} outputFile
* @property {array} plugins
*/
const defaultOptions = {
inputFile: null,
outputFile: null,
plugins: []
};
/**
* Compiles CSS file.
*
* @param {CompileOptions} options
* @return {Promise}
*/
function compile(options = {}) {
const config = { ...defaultOptions,
...options
};
const css = config.inputFile ? utils.readFile(config.inputFile) : `
@tailwind base;
@tailwind components;
@tailwind utilities;
`;
return new Promise((resolve, reject) => {
(0, _postcss.default)(config.plugins).process(css, {
from: config.inputFile,
to: config.outputFile
}).then(resolve).catch(reject);
});
}

View File

@@ -0,0 +1,21 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.warning = exports.disk = exports.pack = exports.go = exports.no = exports.yes = void 0;
var _nodeEmoji = require("node-emoji");
const yes = (0, _nodeEmoji.get)('white_check_mark');
exports.yes = yes;
const no = (0, _nodeEmoji.get)('no_entry_sign');
exports.no = no;
const go = (0, _nodeEmoji.get)('rocket');
exports.go = go;
const pack = (0, _nodeEmoji.get)('package');
exports.pack = pack;
const disk = (0, _nodeEmoji.get)('floppy_disk');
exports.disk = disk;
const warning = (0, _nodeEmoji.get)('warning');
exports.warning = warning;

View File

@@ -0,0 +1,32 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = run;
var _commands = _interopRequireDefault(require("./commands"));
var utils = _interopRequireWildcard(require("./utils"));
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* CLI application entrypoint.
*
* @param {string[]} cliArgs
* @return {Promise}
*/
function run(cliArgs) {
return new Promise((resolve, reject) => {
const params = utils.parseCliParams(cliArgs);
const command = _commands.default[params[0]];
const options = command ? utils.parseCliOptions(cliArgs, command.optionMap) : {};
const commandPromise = command ? command.run(params.slice(1), options) : _commands.default.help.run(params);
commandPromise.then(resolve).catch(reject);
});
}

View File

@@ -0,0 +1,179 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.parseCliParams = parseCliParams;
exports.parseCliOptions = parseCliOptions;
exports.log = log;
exports.header = header;
exports.footer = footer;
exports.error = error;
exports.die = die;
exports.exists = exists;
exports.copyFile = copyFile;
exports.readFile = readFile;
exports.writeFile = writeFile;
exports.getSimplePath = getSimplePath;
var _fsExtra = require("fs-extra");
var _lodash = require("lodash");
var colors = _interopRequireWildcard(require("./colors"));
var emoji = _interopRequireWildcard(require("./emoji"));
var _package = _interopRequireDefault(require("../../package.json"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
/**
* Gets CLI parameters.
*
* @param {string[]} cliArgs
* @return {string[]}
*/
function parseCliParams(cliArgs) {
const firstOptionIndex = cliArgs.findIndex(cliArg => cliArg.startsWith('-'));
return firstOptionIndex > -1 ? cliArgs.slice(0, firstOptionIndex) : cliArgs;
}
/**
* Gets mapped CLI options.
*
* @param {string[]} cliArgs
* @param {object} [optionMap]
* @return {object}
*/
function parseCliOptions(cliArgs, optionMap = {}) {
let options = {};
let currentOption = [];
cliArgs.forEach(cliArg => {
const option = cliArg.startsWith('-') && (0, _lodash.trimStart)(cliArg, '-').toLowerCase();
const resolvedOption = (0, _lodash.findKey)(optionMap, aliases => aliases.includes(option));
if (resolvedOption) {
currentOption = options[resolvedOption] || (options[resolvedOption] = []);
} else if (option) {
currentOption = [];
} else {
currentOption.push(cliArg);
}
});
return { ...(0, _lodash.mapValues)(optionMap, () => undefined),
...options
};
}
/**
* Prints messages to console.
*
* @param {...string} [msgs]
*/
function log(...msgs) {
console.log(' ', ...msgs);
}
/**
* Prints application header to console.
*/
function header() {
log();
log(colors.bold(_package.default.name), colors.info(_package.default.version));
}
/**
* Prints application footer to console.
*/
function footer() {
log();
}
/**
* Prints error messages to console.
*
* @param {...string} [msgs]
*/
function error(...msgs) {
log();
console.error(' ', emoji.no, colors.error(msgs.join(' ')));
}
/**
* Kills the process. Optionally prints error messages to console.
*
* @param {...string} [msgs]
*/
function die(...msgs) {
msgs.length && error(...msgs);
footer();
process.exit(1); // eslint-disable-line
}
/**
* Checks if path exists.
*
* @param {string} path
* @return {boolean}
*/
function exists(path) {
return (0, _fsExtra.existsSync)(path);
}
/**
* Copies file source to destination.
*
* @param {string} source
* @param {string} destination
*/
function copyFile(source, destination) {
(0, _fsExtra.copyFileSync)(source, destination);
}
/**
* Gets file content.
*
* @param {string} path
* @return {string}
*/
function readFile(path) {
return (0, _fsExtra.readFileSync)(path, 'utf-8');
}
/**
* Writes content to file.
*
* @param {string} path
* @param {string} content
* @return {string}
*/
function writeFile(path, content) {
(0, _fsExtra.ensureFileSync)(path);
return (0, _fsExtra.outputFileSync)(path, content);
}
/**
* Strips leading ./ from path
*
* @param {string} path
* @return {string}
*/
function getSimplePath(path) {
return (0, _lodash.startsWith)(path, './') ? path.slice(2) : path;
}

View File

@@ -0,0 +1,29 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.defaultPostCssConfigStubFile = exports.simpleConfigStubFile = exports.defaultConfigStubFile = exports.defaultPostCssConfigFile = exports.defaultConfigFile = exports.cli = void 0;
var _path = _interopRequireDefault(require("path"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const cli = 'tailwind';
exports.cli = cli;
const defaultConfigFile = './tailwind.config.js';
exports.defaultConfigFile = defaultConfigFile;
const defaultPostCssConfigFile = './postcss.config.js';
exports.defaultPostCssConfigFile = defaultPostCssConfigFile;
const defaultConfigStubFile = _path.default.resolve(__dirname, '../stubs/defaultConfig.stub.js');
exports.defaultConfigStubFile = defaultConfigStubFile;
const simpleConfigStubFile = _path.default.resolve(__dirname, '../stubs/simpleConfig.stub.js');
exports.simpleConfigStubFile = simpleConfigStubFile;
const defaultPostCssConfigStubFile = _path.default.resolve(__dirname, '../stubs/defaultPostCssConfig.stub.js');
exports.defaultPostCssConfigStubFile = defaultPostCssConfigStubFile;

View File

@@ -0,0 +1,8 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.corePluginList = void 0;
const corePluginList = ['preflight', 'container', 'space', 'divideWidth', 'divideColor', 'divideStyle', 'divideOpacity', 'accessibility', 'appearance', 'backgroundAttachment', 'backgroundClip', 'backgroundColor', 'backgroundImage', 'gradientColorStops', 'backgroundOpacity', 'backgroundPosition', 'backgroundRepeat', 'backgroundSize', 'borderCollapse', 'borderColor', 'borderOpacity', 'borderRadius', 'borderStyle', 'borderWidth', 'boxSizing', 'cursor', 'display', 'flexDirection', 'flexWrap', 'placeItems', 'placeContent', 'placeSelf', 'alignItems', 'alignContent', 'alignSelf', 'justifyItems', 'justifyContent', 'justifySelf', 'flex', 'flexGrow', 'flexShrink', 'order', 'float', 'clear', 'fontFamily', 'fontWeight', 'height', 'fontSize', 'lineHeight', 'listStylePosition', 'listStyleType', 'margin', 'maxHeight', 'maxWidth', 'minHeight', 'minWidth', 'objectFit', 'objectPosition', 'opacity', 'outline', 'overflow', 'overscrollBehavior', 'padding', 'placeholderColor', 'placeholderOpacity', 'pointerEvents', 'position', 'inset', 'resize', 'boxShadow', 'fill', 'stroke', 'strokeWidth', 'tableLayout', 'textAlign', 'textColor', 'textOpacity', 'fontStyle', 'textTransform', 'textDecoration', 'fontSmoothing', 'fontVariantNumeric', 'letterSpacing', 'userSelect', 'verticalAlign', 'visibility', 'whitespace', 'wordBreak', 'width', 'zIndex', 'gap', 'gridAutoFlow', 'gridTemplateColumns', 'gridAutoColumns', 'gridColumn', 'gridColumnStart', 'gridColumnEnd', 'gridTemplateRows', 'gridAutoRows', 'gridRow', 'gridRowStart', 'gridRowEnd', 'transform', 'transformOrigin', 'scale', 'rotate', 'translate', 'skew', 'transitionProperty', 'transitionTimingFunction', 'transitionDuration', 'transitionDelay', 'animation'];
exports.corePluginList = corePluginList;

View File

@@ -0,0 +1,26 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _corePluginList = require("./corePluginList.js");
var plugins = _interopRequireWildcard(require("./plugins/index.js"));
var _configurePlugins = _interopRequireDefault(require("./util/configurePlugins"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _default({
corePlugins: corePluginConfig
}) {
return (0, _configurePlugins.default)(corePluginConfig, _corePluginList.corePluginList).map(pluginName => {
return plugins[pluginName]();
});
}

View File

@@ -0,0 +1,56 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.flagEnabled = flagEnabled;
exports.issueFlagNotices = issueFlagNotices;
exports.default = void 0;
var _lodash = _interopRequireDefault(require("lodash"));
var _chalk = _interopRequireDefault(require("chalk"));
var _log = _interopRequireDefault(require("./util/log"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const featureFlags = {
future: ['removeDeprecatedGapUtilities', 'purgeLayersByDefault', 'defaultLineHeights', 'standardFontWeights'],
experimental: ['uniformColorPalette', 'extendedSpacingScale', 'extendedFontSizeScale', 'applyComplexClasses', 'darkModeVariant', 'additionalBreakpoint']
};
function flagEnabled(config, flag) {
if (featureFlags.future.includes(flag)) {
return config.future === 'all' || _lodash.default.get(config, ['future', flag], false);
}
if (featureFlags.experimental.includes(flag)) {
return config.experimental === 'all' || _lodash.default.get(config, ['experimental', flag], false);
}
return false;
}
function experimentalFlagsEnabled(config) {
if (config.experimental === 'all') {
return featureFlags.experimental;
}
return Object.keys(_lodash.default.get(config, 'experimental', {})).filter(flag => featureFlags.experimental.includes(flag) && config.experimental[flag]);
}
function issueFlagNotices(config) {
if (process.env.JEST_WORKER_ID !== undefined) {
return;
}
if (experimentalFlagsEnabled(config).length > 0) {
const changes = experimentalFlagsEnabled(config).map(s => _chalk.default.yellow(s)).join(', ');
_log.default.warn([`You have enabled experimental features: ${changes}`, 'Experimental features are not covered by semver, may introduce breaking changes, and can change at any time.']);
}
}
var _default = featureFlags;
exports.default = _default;

View File

@@ -0,0 +1,18 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _default = {
theme: {
screens: {
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1280px',
'2xl': '1536px'
}
}
};
exports.default = _default;

View File

@@ -0,0 +1,294 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = applyComplexClasses;
var _lodash = _interopRequireDefault(require("lodash"));
var _postcssSelectorParser = _interopRequireDefault(require("postcss-selector-parser"));
var _postcss = _interopRequireDefault(require("postcss"));
var _substituteTailwindAtRules = _interopRequireDefault(require("../lib/substituteTailwindAtRules"));
var _evaluateTailwindFunctions = _interopRequireDefault(require("../lib/evaluateTailwindFunctions"));
var _substituteVariantsAtRules = _interopRequireDefault(require("../lib/substituteVariantsAtRules"));
var _substituteResponsiveAtRules = _interopRequireDefault(require("../lib/substituteResponsiveAtRules"));
var _convertLayerAtRulesToControlComments = _interopRequireDefault(require("../lib/convertLayerAtRulesToControlComments"));
var _substituteScreenAtRules = _interopRequireDefault(require("../lib/substituteScreenAtRules"));
var _prefixSelector = _interopRequireDefault(require("../util/prefixSelector"));
var _useMemo = require("../util/useMemo");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function hasAtRule(css, atRule) {
let foundAtRule = false;
css.walkAtRules(atRule, () => {
foundAtRule = true;
return false;
});
return foundAtRule;
}
function cloneWithoutChildren(node) {
if (node.type === 'atrule') {
return _postcss.default.atRule({
name: node.name,
params: node.params
});
}
if (node.type === 'rule') {
return _postcss.default.rule({
name: node.name,
selectors: node.selectors
});
}
const clone = node.clone();
clone.removeAll();
return clone;
}
const tailwindApplyPlaceholder = _postcssSelectorParser.default.attribute({
attribute: '__TAILWIND-APPLY-PLACEHOLDER__'
});
function generateRulesFromApply({
rule,
utilityName: className,
classPosition
}, replaceWiths) {
const parser = (0, _postcssSelectorParser.default)(selectors => {
let i = 0;
selectors.walkClasses(c => {
if (classPosition === i++ && c.value === className) {
c.replaceWith(tailwindApplyPlaceholder);
}
});
});
const processedSelectors = _lodash.default.flatMap(rule.selectors, selector => {
// You could argue we should make this replacement at the AST level, but if we believe
// the placeholder string is safe from collisions then it is safe to do this is a simple
// string replacement, and much, much faster.
return replaceWiths.map(replaceWith => parser.processSync(selector).replace('[__TAILWIND-APPLY-PLACEHOLDER__]', replaceWith));
});
const cloned = rule.clone();
let current = cloned;
let parent = rule.parent;
while (parent && parent.type !== 'root') {
const parentClone = cloneWithoutChildren(parent);
parentClone.append(current);
current.parent = parentClone;
current = parentClone;
parent = parent.parent;
}
cloned.selectors = processedSelectors;
return current;
}
const extractUtilityNamesParser = (0, _postcssSelectorParser.default)(selectors => {
let classes = [];
selectors.walkClasses(c => classes.push(c.value));
return classes;
});
const extractUtilityNames = (0, _useMemo.useMemo)(selector => extractUtilityNamesParser.transformSync(selector), selector => selector);
const cloneRuleWithParent = (0, _useMemo.useMemo)(rule => rule.clone({
parent: rule.parent
}), rule => rule);
function buildUtilityMap(css, lookupTree) {
let index = 0;
const utilityMap = {};
function handle(rule) {
const utilityNames = extractUtilityNames(rule.selector);
utilityNames.forEach((utilityName, i) => {
if (utilityMap[utilityName] === undefined) {
utilityMap[utilityName] = [];
}
utilityMap[utilityName].push({
index,
utilityName,
classPosition: i,
get rule() {
return cloneRuleWithParent(rule);
}
});
index++;
});
}
lookupTree.walkRules(handle);
css.walkRules(handle);
return utilityMap;
}
function mergeAdjacentRules(initialRule, rulesToInsert) {
let previousRule = initialRule;
rulesToInsert.forEach(toInsert => {
if (toInsert.type === 'rule' && previousRule.type === 'rule' && toInsert.selector === previousRule.selector) {
previousRule.append(toInsert.nodes);
} else if (toInsert.type === 'atrule' && previousRule.type === 'atrule' && toInsert.params === previousRule.params) {
const merged = mergeAdjacentRules(previousRule.nodes[previousRule.nodes.length - 1], toInsert.nodes);
previousRule.append(merged);
} else {
previousRule = toInsert;
}
toInsert.walk(n => {
if (n.nodes && n.nodes.length === 0) {
n.remove();
}
});
});
return rulesToInsert.filter(r => r.nodes.length > 0);
}
function makeExtractUtilityRules(css, lookupTree, config) {
const utilityMap = buildUtilityMap(css, lookupTree);
return function extractUtilityRules(utilityNames, rule) {
const combined = [];
utilityNames.forEach(utilityName => {
if (utilityMap[utilityName] === undefined) {
// Look for prefixed utility in case the user has goofed
const prefixedUtility = (0, _prefixSelector.default)(config.prefix, `.${utilityName}`).slice(1);
if (utilityMap[prefixedUtility] !== undefined) {
throw rule.error(`The \`${utilityName}\` class does not exist, but \`${prefixedUtility}\` does. Did you forget the prefix?`);
}
throw rule.error(`The \`${utilityName}\` class does not exist. If you're sure that \`${utilityName}\` exists, make sure that any \`@import\` statements are being properly processed before Tailwind CSS sees your CSS, as \`@apply\` can only be used for classes in the same CSS tree.`, {
word: utilityName
});
}
combined.push(...utilityMap[utilityName]);
});
return combined.sort((a, b) => a.index - b.index);
};
}
function findParent(rule, predicate) {
let parent = rule.parent;
while (parent) {
if (predicate(parent)) {
return parent;
}
parent = parent.parent;
}
throw new Error('No parent could be found');
}
function processApplyAtRules(css, lookupTree, config) {
const extractUtilityRules = makeExtractUtilityRules(css, lookupTree, config);
do {
css.walkAtRules('apply', applyRule => {
const parent = applyRule.parent; // Direct parent
const nearestParentRule = findParent(applyRule, r => r.type === 'rule');
const currentUtilityNames = extractUtilityNames(nearestParentRule.selector);
const [importantEntries, applyUtilityNames, important = importantEntries.length > 0] = _lodash.default.partition(applyRule.params.split(/[\s\t\n]+/g), n => n === '!important');
if (_lodash.default.intersection(applyUtilityNames, currentUtilityNames).length > 0) {
const currentUtilityName = _lodash.default.intersection(applyUtilityNames, currentUtilityNames)[0];
throw parent.error(`You cannot \`@apply\` the \`${currentUtilityName}\` utility here because it creates a circular dependency.`);
} // Extract any post-apply declarations and re-insert them after apply rules
const afterRule = parent.clone({
raws: {}
});
afterRule.nodes = afterRule.nodes.slice(parent.index(applyRule) + 1);
parent.nodes = parent.nodes.slice(0, parent.index(applyRule) + 1); // Sort applys to match CSS source order
const applys = extractUtilityRules(applyUtilityNames, applyRule); // Get new rules with the utility portion of the selector replaced with the new selector
const rulesToInsert = [];
applys.forEach(nearestParentRule === parent ? util => rulesToInsert.push(generateRulesFromApply(util, parent.selectors)) : util => util.rule.nodes.forEach(n => afterRule.append(n.clone())));
const {
nodes
} = _lodash.default.tap(_postcss.default.root({
nodes: rulesToInsert
}), root => root.walkDecls(d => {
d.important = important;
}));
const mergedRules = mergeAdjacentRules(nearestParentRule, [...nodes, afterRule]);
applyRule.remove();
parent.after(mergedRules); // If the base rule has nothing in it (all applys were pseudo or responsive variants),
// remove the rule fuggit.
if (parent.nodes.length === 0) {
parent.remove();
}
}); // We already know that we have at least 1 @apply rule. Otherwise this
// function would not have been called. Therefore we can execute this code
// at least once. This also means that in the best case scenario we only
// call this 2 times, instead of 3 times.
// 1st time -> before we call this function
// 2nd time -> when we check if we have to do this loop again (because do {} while (check))
// .. instead of
// 1st time -> before we call this function
// 2nd time -> when we check the first time (because while (check) do {})
// 3rd time -> when we re-check to see if we should do this loop again
} while (hasAtRule(css, 'apply'));
return css;
}
let defaultTailwindTree = null;
function applyComplexClasses(config, getProcessedPlugins, configChanged) {
return function (css) {
// We can stop already when we don't have any @apply rules. Vue users: you're welcome!
if (!hasAtRule(css, 'apply')) {
return css;
} // Tree already contains @tailwind rules, don't prepend default Tailwind tree
if (hasAtRule(css, 'tailwind')) {
return processApplyAtRules(css, _postcss.default.root(), config);
} // Tree contains no @tailwind rules, so generate all of Tailwind's styles and
// prepend them to the user's CSS. Important for <style> blocks in Vue components.
const generateLookupTree = configChanged || defaultTailwindTree === null ? () => {
return (0, _postcss.default)([(0, _substituteTailwindAtRules.default)(config, getProcessedPlugins()), (0, _evaluateTailwindFunctions.default)(config), (0, _substituteVariantsAtRules.default)(config, getProcessedPlugins()), (0, _substituteResponsiveAtRules.default)(config), (0, _convertLayerAtRulesToControlComments.default)(config), (0, _substituteScreenAtRules.default)(config)]).process(`
@tailwind base;
@tailwind components;
@tailwind utilities;
`, {
from: undefined
}).then(result => {
defaultTailwindTree = result;
return defaultTailwindTree;
});
} : () => Promise.resolve(defaultTailwindTree);
return generateLookupTree().then(result => {
return processApplyAtRules(css, result.root, config);
});
};
}

View File

@@ -0,0 +1,23 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _defaultConfig = _interopRequireDefault(require("../../defaultConfig"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = {
dark: 'media',
variants: {
backgroundColor: [..._defaultConfig.default.variants.backgroundColor, 'dark'],
gradientColorStops: [..._defaultConfig.default.variants.gradientColorStops, 'dark'],
borderColor: [..._defaultConfig.default.variants.borderColor, 'dark'],
divideColor: [..._defaultConfig.default.variants.divideColor, 'dark'],
placeholderColor: [..._defaultConfig.default.variants.placeholderColor, 'dark'],
textColor: [..._defaultConfig.default.variants.textColor, 'dark']
}
};
exports.default = _default;

View File

@@ -0,0 +1,64 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _buildSelectorVariant = _interopRequireDefault(require("../util/buildSelectorVariant"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default({
addVariant,
config,
postcss,
prefix
}) {
addVariant('dark', ({
container,
separator,
modifySelectors
}) => {
if (config('dark') === false) {
return postcss.root();
}
if (config('dark') === 'media') {
const modified = modifySelectors(({
selector
}) => {
return (0, _buildSelectorVariant.default)(selector, 'dark', separator, message => {
throw container.error(message);
});
});
const mediaQuery = postcss.atRule({
name: 'media',
params: '(prefers-color-scheme: dark)'
});
mediaQuery.append(modified);
container.append(mediaQuery);
return container;
}
if (config('dark') === 'class') {
const modified = modifySelectors(({
selector
}) => {
return (0, _buildSelectorVariant.default)(selector, 'dark', separator, message => {
throw container.error(message);
});
});
modified.walkRules(rule => {
rule.selectors = rule.selectors.map(selector => {
return `${prefix('.dark')} ${selector}`;
});
});
return modified;
}
throw new Error("The `dark` config option must be either 'media' or 'class'.");
}, {
unstable_stack: true
});
}

View File

@@ -0,0 +1,43 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _default = {
theme: {
fontSize: {
xs: ['0.75rem', {
lineHeight: '1rem'
}],
sm: ['0.875rem', {
lineHeight: '1.25rem'
}],
base: ['1rem', {
lineHeight: '1.5rem'
}],
lg: ['1.125rem', {
lineHeight: '1.75rem'
}],
xl: ['1.25rem', {
lineHeight: '1.75rem'
}],
'2xl': ['1.5rem', {
lineHeight: '2rem'
}],
'3xl': ['1.875rem', {
lineHeight: '2.25rem'
}],
'4xl': ['2.25rem', {
lineHeight: '2.5rem'
}],
'5xl': ['3rem', {
lineHeight: '1'
}],
'6xl': ['4rem', {
lineHeight: '1'
}]
}
}
};
exports.default = _default;

View File

@@ -0,0 +1,24 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _default = {
theme: {
extend: {
fontSize: {
'7xl': ['5rem', {
lineHeight: '1'
}],
'8xl': ['6rem', {
lineHeight: '1'
}],
'9xl': ['8rem', {
lineHeight: '1'
}]
}
}
}
};
exports.default = _default;

View File

@@ -0,0 +1,122 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _default = {
theme: {
spacing: {
px: '1px',
'0': '0',
'0.5': '0.125rem',
'1': '0.25rem',
'1.5': '0.375rem',
'2': '0.5rem',
'2.5': '0.625rem',
'3': '0.75rem',
'3.5': '0.875rem',
'4': '1rem',
'5': '1.25rem',
'6': '1.5rem',
'7': '1.75rem',
'8': '2rem',
'9': '2.25rem',
'10': '2.5rem',
'11': '2.75rem',
'12': '3rem',
'13': '3.25rem',
'14': '3.5rem',
'15': '3.75rem',
'16': '4rem',
'20': '5rem',
'24': '6rem',
'28': '7rem',
'32': '8rem',
'36': '9rem',
'40': '10rem',
'44': '11rem',
'48': '12rem',
'52': '13rem',
'56': '14rem',
'60': '15rem',
'64': '16rem',
'72': '18rem',
'80': '20rem',
'96': '24rem',
'1/2': '50%',
'1/3': '33.333333%',
'2/3': '66.666667%',
'1/4': '25%',
'2/4': '50%',
'3/4': '75%',
'1/5': '20%',
'2/5': '40%',
'3/5': '60%',
'4/5': '80%',
'1/6': '16.666667%',
'2/6': '33.333333%',
'3/6': '50%',
'4/6': '66.666667%',
'5/6': '83.333333%',
'1/12': '8.333333%',
'2/12': '16.666667%',
'3/12': '25%',
'4/12': '33.333333%',
'5/12': '41.666667%',
'6/12': '50%',
'7/12': '58.333333%',
'8/12': '66.666667%',
'9/12': '75%',
'10/12': '83.333333%',
'11/12': '91.666667%',
full: '100%'
},
inset: (theme, {
negative
}) => ({
auto: 'auto',
...theme('spacing'),
...negative(theme('spacing'))
}),
minWidth: {
'0': '0',
full: '100%',
min: 'min-content',
max: 'max-content'
},
width: theme => ({
auto: 'auto',
...theme('spacing'),
screen: '100vw',
min: 'min-content',
max: 'max-content'
}),
maxWidth: (theme, {
breakpoints
}) => ({
none: 'none',
'0': '0rem',
xs: '20rem',
sm: '24rem',
md: '28rem',
lg: '32rem',
xl: '36rem',
'2xl': '42rem',
'3xl': '48rem',
'4xl': '56rem',
'5xl': '64rem',
'6xl': '72rem',
'7xl': '80rem',
full: '100%',
min: 'min-content',
max: 'max-content',
...breakpoints(theme('screens'))
}),
maxHeight: theme => ({
screen: '100vh',
...theme('spacing')
})
}
};
exports.default = _default;

View File

@@ -0,0 +1,22 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _default = {
theme: {
fontWeight: {
thin: '100',
extralight: '200',
light: '300',
normal: '400',
medium: '500',
semibold: '600',
bold: '700',
extrabold: '800',
black: '900'
}
}
};
exports.default = _default;

View File

@@ -0,0 +1,137 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _default = {
theme: {
colors: {
transparent: 'transparent',
current: 'currentColor',
black: '#000000',
white: '#ffffff',
gray: {
'50': '#f9fafb',
'100': '#f4f5f7',
'200': '#e5e7eb',
'300': '#d2d6dc',
'400': '#9fa6b2',
'500': '#6b7280',
'600': '#4b5563',
'700': '#374151',
'800': '#252f3f',
'900': '#161e2e'
},
red: {
'50': '#fdf2f2',
'100': '#fde8e8',
'200': '#fbd5d5',
'300': '#f8b4b4',
'400': '#f98080',
'500': '#f05252',
'600': '#e02424',
'700': '#c81e1e',
'800': '#9b1c1c',
'900': '#771d1d'
},
orange: {
'50': '#fff8f1',
'100': '#feecdc',
'200': '#fcd9bd',
'300': '#fdba8c',
'400': '#ff8a4c',
'500': '#ff5a1f',
'600': '#d03801',
'700': '#b43403',
'800': '#8a2c0d',
'900': '#73230d'
},
yellow: {
'50': '#fdfdea',
'100': '#fdf6b2',
'200': '#fce96a',
'300': '#faca15',
'400': '#e3a008',
'500': '#c27803',
'600': '#9f580a',
'700': '#8e4b10',
'800': '#723b13',
'900': '#633112'
},
green: {
'50': '#f3faf7',
'100': '#def7ec',
'200': '#bcf0da',
'300': '#84e1bc',
'400': '#31c48d',
'500': '#0e9f6e',
'600': '#057a55',
'700': '#046c4e',
'800': '#03543f',
'900': '#014737'
},
teal: {
'50': '#edfafa',
'100': '#d5f5f6',
'200': '#afecef',
'300': '#7edce2',
'400': '#16bdca',
'500': '#0694a2',
'600': '#047481',
'700': '#036672',
'800': '#05505c',
'900': '#014451'
},
blue: {
'50': '#ebf5ff',
'100': '#e1effe',
'200': '#c3ddfd',
'300': '#a4cafe',
'400': '#76a9fa',
'500': '#3f83f8',
'600': '#1c64f2',
'700': '#1a56db',
'800': '#1e429f',
'900': '#233876'
},
indigo: {
'50': '#f0f5ff',
'100': '#e5edff',
'200': '#cddbfe',
'300': '#b4c6fc',
'400': '#8da2fb',
'500': '#6875f5',
'600': '#5850ec',
'700': '#5145cd',
'800': '#42389d',
'900': '#362f78'
},
purple: {
'50': '#f6f5ff',
'100': '#edebfe',
'200': '#dcd7fe',
'300': '#cabffd',
'400': '#ac94fa',
'500': '#9061f9',
'600': '#7e3af2',
'700': '#6c2bd9',
'800': '#5521b5',
'900': '#4a1d96'
},
pink: {
'50': '#fdf2f8',
'100': '#fce8f3',
'200': '#fad1e8',
'300': '#f8b4d9',
'400': '#f17eb8',
'500': '#e74694',
'600': '#d61f69',
'700': '#bf125d',
'800': '#99154b',
'900': '#751a3d'
}
}
}
};
exports.default = _default;

91
build/javascript/node_modules/tailwindcss/lib/index.js generated vendored Normal file
View File

@@ -0,0 +1,91 @@
"use strict";
var _path = _interopRequireDefault(require("path"));
var _fs = _interopRequireDefault(require("fs"));
var _lodash = _interopRequireDefault(require("lodash"));
var _postcss = _interopRequireDefault(require("postcss"));
var _getModuleDependencies = _interopRequireDefault(require("./lib/getModuleDependencies"));
var _registerConfigAsDependency = _interopRequireDefault(require("./lib/registerConfigAsDependency"));
var _processTailwindFeatures = _interopRequireDefault(require("./processTailwindFeatures"));
var _formatCSS = _interopRequireDefault(require("./lib/formatCSS"));
var _resolveConfig = _interopRequireDefault(require("./util/resolveConfig"));
var _getAllConfigs = _interopRequireDefault(require("./util/getAllConfigs"));
var _constants = require("./constants");
var _defaultConfigStub = _interopRequireDefault(require("../stubs/defaultConfig.stub.js"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function resolveConfigPath(filePath) {
// require('tailwindcss')({ theme: ..., variants: ... })
if (_lodash.default.isObject(filePath) && !_lodash.default.has(filePath, 'config') && !_lodash.default.isEmpty(filePath)) {
return undefined;
} // require('tailwindcss')({ config: 'custom-config.js' })
if (_lodash.default.isObject(filePath) && _lodash.default.has(filePath, 'config') && _lodash.default.isString(filePath.config)) {
return _path.default.resolve(filePath.config);
} // require('tailwindcss')({ config: { theme: ..., variants: ... } })
if (_lodash.default.isObject(filePath) && _lodash.default.has(filePath, 'config') && _lodash.default.isObject(filePath.config)) {
return undefined;
} // require('tailwindcss')('custom-config.js')
if (_lodash.default.isString(filePath)) {
return _path.default.resolve(filePath);
} // require('tailwindcss')
try {
const defaultConfigPath = _path.default.resolve(_constants.defaultConfigFile);
_fs.default.accessSync(defaultConfigPath);
return defaultConfigPath;
} catch (err) {
return undefined;
}
}
const getConfigFunction = config => () => {
if (_lodash.default.isUndefined(config)) {
return (0, _resolveConfig.default)([...(0, _getAllConfigs.default)(_defaultConfigStub.default)]);
} // Skip this if Jest is running: https://github.com/facebook/jest/pull/9841#issuecomment-621417584
if (process.env.JEST_WORKER_ID === undefined) {
if (!_lodash.default.isObject(config)) {
(0, _getModuleDependencies.default)(config).forEach(mdl => {
delete require.cache[require.resolve(mdl.file)];
});
}
}
const configObject = _lodash.default.isObject(config) ? _lodash.default.get(config, 'config', config) : require(config);
return (0, _resolveConfig.default)([...(0, _getAllConfigs.default)(configObject)]);
};
const plugin = _postcss.default.plugin('tailwind', config => {
const plugins = [];
const resolvedConfigPath = resolveConfigPath(config);
if (!_lodash.default.isUndefined(resolvedConfigPath)) {
plugins.push((0, _registerConfigAsDependency.default)(resolvedConfigPath));
}
return (0, _postcss.default)([...plugins, (0, _processTailwindFeatures.default)(getConfigFunction(resolvedConfigPath || config)), _formatCSS.default]);
});
module.exports = plugin;

View File

@@ -0,0 +1,26 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = applyImportantConfiguration;
function applyImportantConfiguration(_config) {
return function (css) {
css.walkRules(rule => {
const important = rule.__tailwind ? rule.__tailwind.important : false;
if (!important) {
return;
}
if (typeof important === 'string') {
rule.selectors = rule.selectors.map(selector => {
return `${rule.__tailwind.important} ${selector}`;
});
} else {
rule.walkDecls(decl => decl.important = true);
}
});
};
}

View File

@@ -0,0 +1,31 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = convertLayerAtRulesToControlComments;
var _postcss = _interopRequireDefault(require("postcss"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function convertLayerAtRulesToControlComments() {
return function (css) {
css.walkAtRules('layer', atRule => {
const layer = atRule.params;
if (!['base', 'components', 'utilities'].includes(layer)) {
return;
}
atRule.before(_postcss.default.comment({
text: `tailwind start ${layer}`
}));
atRule.before(atRule.nodes);
atRule.before(_postcss.default.comment({
text: `tailwind end ${layer}`
}));
atRule.remove();
});
};
}

View File

@@ -0,0 +1,38 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _postcssFunctions = _interopRequireDefault(require("postcss-functions"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const themeTransforms = {
fontSize(value) {
return Array.isArray(value) ? value[0] : value;
}
};
function defaultTransform(value) {
return Array.isArray(value) ? value.join(', ') : value;
}
function _default(config) {
return (0, _postcssFunctions.default)({
functions: {
theme: (path, ...defaultValue) => {
const trimmedPath = _lodash.default.trim(path, `'"`);
return _lodash.default.thru(_lodash.default.get(config.theme, trimmedPath, defaultValue), value => {
const [themeSection] = trimmedPath.split('.');
return _lodash.default.get(themeTransforms, themeSection, defaultTransform)(value);
});
}
}
});
}

View File

@@ -0,0 +1,25 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = formatNodes;
function indentRecursive(node, indent = 0) {
node.each && node.each((child, i) => {
if (!child.raws.before || child.raws.before.includes('\n')) {
child.raws.before = `\n${node.type !== 'rule' && i > 0 ? '\n' : ''}${' '.repeat(indent)}`;
}
child.raws.after = `\n${' '.repeat(indent)}`;
indentRecursive(child, indent + 1);
});
}
function formatNodes(root) {
indentRecursive(root);
if (root.first) {
root.first.raws.before = '';
}
}

View File

@@ -0,0 +1,53 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = getModuleDependencies;
var _fs = _interopRequireDefault(require("fs"));
var _path = _interopRequireDefault(require("path"));
var _resolve = _interopRequireDefault(require("resolve"));
var _detective = _interopRequireDefault(require("detective"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function createModule(file) {
const source = _fs.default.readFileSync(file, 'utf-8');
const requires = (0, _detective.default)(source);
return {
file,
requires
};
}
function getModuleDependencies(entryFile) {
const rootModule = createModule(entryFile);
const modules = [rootModule]; // Iterate over the modules, even when new
// ones are being added
for (const mdl of modules) {
mdl.requires.filter(dep => {
// Only track local modules, not node_modules
return dep.startsWith('./') || dep.startsWith('../');
}).forEach(dep => {
try {
const basedir = _path.default.dirname(mdl.file);
const depPath = _resolve.default.sync(dep, {
basedir
});
const depModule = createModule(depPath);
modules.push(depModule);
} catch (_err) {// eslint-disable-next-line no-empty
}
});
}
return modules;
}

View File

@@ -0,0 +1,133 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = purgeUnusedUtilities;
var _lodash = _interopRequireDefault(require("lodash"));
var _postcss = _interopRequireDefault(require("postcss"));
var _postcssPurgecss = _interopRequireDefault(require("@fullhuman/postcss-purgecss"));
var _log = _interopRequireDefault(require("../util/log"));
var _htmlTags = _interopRequireDefault(require("html-tags"));
var _featureFlags = require("../featureFlags");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function removeTailwindMarkers(css) {
css.walkAtRules('tailwind', rule => rule.remove());
css.walkComments(comment => {
switch (comment.text.trim()) {
case 'tailwind start base':
case 'tailwind end base':
case 'tailwind start components':
case 'tailwind start utilities':
case 'tailwind end components':
case 'tailwind end utilities':
comment.remove();
break;
default:
break;
}
});
}
function purgeUnusedUtilities(config, configChanged) {
const purgeEnabled = _lodash.default.get(config, 'purge.enabled', config.purge !== false && config.purge !== undefined && process.env.NODE_ENV === 'production');
if (!purgeEnabled) {
return removeTailwindMarkers;
} // Skip if `purge: []` since that's part of the default config
if (Array.isArray(config.purge) && config.purge.length === 0) {
if (configChanged) {
_log.default.warn(['Tailwind is not purging unused styles because no template paths have been provided.', 'If you have manually configured PurgeCSS outside of Tailwind or are deliberately not removing unused styles, set `purge: false` in your Tailwind config file to silence this warning.', 'https://tailwindcss.com/docs/controlling-file-size/#removing-unused-css']);
}
return removeTailwindMarkers;
}
return (0, _postcss.default)([function (css) {
const mode = _lodash.default.get(config, 'purge.mode', (0, _featureFlags.flagEnabled)(config, 'purgeLayersByDefault') ? 'layers' : 'conservative');
if (!['all', 'layers', 'conservative'].includes(mode)) {
throw new Error('Purge `mode` must be one of `layers` or `all`.');
}
if (mode === 'all') {
return;
}
if (mode === 'conservative') {
if (configChanged) {
_log.default.warn(['The `conservative` purge mode will be removed in Tailwind 2.0.', 'Please switch to the new `layers` mode instead.']);
}
}
const layers = mode === 'conservative' ? ['utilities'] : _lodash.default.get(config, 'purge.layers', ['base', 'components', 'utilities']);
css.walkComments(comment => {
switch (comment.text.trim()) {
case `purgecss start ignore`:
comment.before(_postcss.default.comment({
text: 'purgecss end ignore'
}));
break;
case `purgecss end ignore`:
comment.before(_postcss.default.comment({
text: 'purgecss end ignore'
}));
comment.text = 'purgecss start ignore';
break;
default:
break;
}
layers.forEach(layer => {
switch (comment.text.trim()) {
case `tailwind start ${layer}`:
comment.text = 'purgecss end ignore';
break;
case `tailwind end ${layer}`:
comment.text = 'purgecss start ignore';
break;
default:
break;
}
});
});
css.prepend(_postcss.default.comment({
text: 'purgecss start ignore'
}));
css.append(_postcss.default.comment({
text: 'purgecss end ignore'
}));
}, removeTailwindMarkers, (0, _postcssPurgecss.default)({
content: Array.isArray(config.purge) ? config.purge : config.purge.content,
defaultExtractor: content => {
// Capture as liberally as possible, including things like `h-(screen-1.5)`
const broadMatches = content.match(/[^<>"'`\s]*[^<>"'`\s:]/g) || [];
const broadMatchesWithoutTrailingSlash = broadMatches.map(match => _lodash.default.trimEnd(match, '\\')); // Capture classes within other delimiters like .block(class="w-1/2") in Pug
const innerMatches = content.match(/[^<>"'`\s.(){}[\]#=%]*[^<>"'`\s.(){}[\]#=%:]/g) || [];
const matches = broadMatches.concat(broadMatchesWithoutTrailingSlash).concat(innerMatches);
if (_lodash.default.get(config, 'purge.preserveHtmlElements', true)) {
return [..._htmlTags.default].concat(matches);
} else {
return matches;
}
},
...config.purge.options
})]);
}

View File

@@ -0,0 +1,28 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _fs = _interopRequireDefault(require("fs"));
var _getModuleDependencies = _interopRequireDefault(require("./getModuleDependencies"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default(configFile) {
if (!_fs.default.existsSync(configFile)) {
throw new Error(`Specified Tailwind config file "${configFile}" doesn't exist.`);
}
return function (css, opts) {
(0, _getModuleDependencies.default)(configFile).forEach(mdl => {
opts.messages.push({
type: 'dependency',
parent: css.source.input.file,
file: mdl.file
});
});
};
}

View File

@@ -0,0 +1,141 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _postcss = _interopRequireDefault(require("postcss"));
var _escapeClassName = _interopRequireDefault(require("../util/escapeClassName"));
var _prefixSelector = _interopRequireDefault(require("../util/prefixSelector"));
var _increaseSpecificity = _interopRequireDefault(require("../util/increaseSpecificity"));
var _featureFlags = require("../featureFlags");
var _applyComplexClasses = _interopRequireDefault(require("../flagged/applyComplexClasses"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function buildClassTable(css) {
const classTable = {};
css.walkRules(rule => {
if (!_lodash.default.has(classTable, rule.selector)) {
classTable[rule.selector] = [];
}
classTable[rule.selector].push(rule);
});
return classTable;
}
function buildShadowTable(generatedUtilities) {
const utilities = _postcss.default.root();
_postcss.default.root({
nodes: generatedUtilities
}).walkAtRules('variants', atRule => {
utilities.append(atRule.clone().nodes);
});
return buildClassTable(utilities);
}
function normalizeClassName(className) {
return `.${(0, _escapeClassName.default)(_lodash.default.trimStart(className, '.'))}`;
}
function findClass(classToApply, classTable, onError) {
const matches = _lodash.default.get(classTable, classToApply, []);
if (_lodash.default.isEmpty(matches)) {
return [];
}
if (matches.length > 1) {
// prettier-ignore
throw onError(`\`@apply\` cannot be used with ${classToApply} because ${classToApply} is included in multiple rulesets.`);
}
const [match] = matches;
if (match.parent.type !== 'root') {
// prettier-ignore
throw onError(`\`@apply\` cannot be used with ${classToApply} because ${classToApply} is nested inside of an at-rule (@${match.parent.name}).`);
}
return match.clone().nodes;
}
let shadowLookup = null;
function _default(config, getProcessedPlugins, configChanged) {
if ((0, _featureFlags.flagEnabled)(config, 'applyComplexClasses')) {
return (0, _applyComplexClasses.default)(config, getProcessedPlugins, configChanged);
}
return function (css) {
const classLookup = buildClassTable(css);
shadowLookup = configChanged || !shadowLookup ? buildShadowTable(getProcessedPlugins().utilities) : shadowLookup;
css.walkRules(rule => {
rule.walkAtRules('apply', atRule => {
const classesAndProperties = _postcss.default.list.space(atRule.params);
/*
* Don't wreck CSSNext-style @apply rules:
* http://cssnext.io/features/#custom-properties-set-apply
*
* These are deprecated in CSSNext but still playing it safe for now.
* We might consider renaming this at-rule.
*/
const [customProperties, classes] = _lodash.default.partition(classesAndProperties, classOrProperty => {
return _lodash.default.startsWith(classOrProperty, '--');
});
const decls = (0, _lodash.default)(classes).reject(cssClass => cssClass === '!important').flatMap(cssClass => {
const classToApply = normalizeClassName(cssClass);
const onError = message => {
return atRule.error(message);
};
return _lodash.default.reduce([// Find exact class match in user's CSS
() => {
return findClass(classToApply, classLookup, onError);
}, // Find exact class match in shadow lookup
() => {
return findClass(classToApply, shadowLookup, onError);
}, // Find prefixed version of class in shadow lookup
() => {
return findClass((0, _prefixSelector.default)(config.prefix, classToApply), shadowLookup, onError);
}, // Find important-scoped version of class in shadow lookup
() => {
return findClass((0, _increaseSpecificity.default)(config.important, classToApply), shadowLookup, onError);
}, // Find important-scoped and prefixed version of class in shadow lookup
() => {
return findClass((0, _increaseSpecificity.default)(config.important, (0, _prefixSelector.default)(config.prefix, classToApply)), shadowLookup, onError);
}, () => {
// prettier-ignore
throw onError(`\`@apply\` cannot be used with \`${classToApply}\` because \`${classToApply}\` either cannot be found, or its actual definition includes a pseudo-selector like :hover, :active, etc. If you're sure that \`${classToApply}\` exists, make sure that any \`@import\` statements are being properly processed *before* Tailwind CSS sees your CSS, as \`@apply\` can only be used for classes in the same CSS tree.`);
}], (classDecls, candidate) => !_lodash.default.isEmpty(classDecls) ? classDecls : candidate(), []);
}).value();
_lodash.default.tap(_lodash.default.last(classesAndProperties) === '!important', important => {
decls.forEach(decl => decl.important = important);
});
atRule.before(decls);
atRule.params = customProperties.join(' ');
if (_lodash.default.isEmpty(customProperties)) {
atRule.remove();
}
});
});
};
}

View File

@@ -0,0 +1,104 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _postcss = _interopRequireDefault(require("postcss"));
var _cloneNodes = _interopRequireDefault(require("../util/cloneNodes"));
var _buildMediaQuery = _interopRequireDefault(require("../util/buildMediaQuery"));
var _buildSelectorVariant = _interopRequireDefault(require("../util/buildSelectorVariant"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function isLayer(node) {
if (Array.isArray(node)) {
return node.length === 1 && isLayer(node[0]);
}
return node.type === 'atrule' && node.name === 'layer';
}
function layerNodes(nodes) {
return isLayer(nodes) ? nodes[0].nodes : nodes;
}
function _default(config) {
return function (css) {
// Wrap any `responsive` rules with a copy of their parent `layer` to
// ensure the layer isn't lost when copying to the `screens` location.
css.walkAtRules('layer', layerAtRule => {
const layer = layerAtRule.params;
layerAtRule.walkAtRules('responsive', responsiveAtRule => {
const nestedlayerAtRule = _postcss.default.atRule({
name: 'layer',
params: layer
});
nestedlayerAtRule.prepend(responsiveAtRule.nodes);
responsiveAtRule.removeAll();
responsiveAtRule.prepend(nestedlayerAtRule);
});
});
const {
theme: {
screens
},
separator
} = config;
const responsiveRules = _postcss.default.root();
const finalRules = [];
css.walkAtRules('responsive', atRule => {
const nodes = atRule.nodes;
responsiveRules.append(...(0, _cloneNodes.default)(nodes)); // If the parent is already a `layer` (this is true for anything coming from
// a plugin, including core plugins) we don't want to create a double nested
// layer, so only insert the layer children. If there is no parent layer,
// preserve the layer information when inserting the nodes.
if (isLayer(atRule.parent)) {
atRule.before(layerNodes(nodes));
} else {
atRule.before(nodes);
}
atRule.remove();
});
_lodash.default.keys(screens).forEach(screen => {
const mediaQuery = _postcss.default.atRule({
name: 'media',
params: (0, _buildMediaQuery.default)(screens[screen])
});
mediaQuery.append(_lodash.default.tap(responsiveRules.clone(), clonedRoot => {
clonedRoot.walkRules(rule => {
rule.selectors = _lodash.default.map(rule.selectors, selector => (0, _buildSelectorVariant.default)(selector, screen, separator, message => {
throw rule.error(message);
}));
});
}));
finalRules.push(mediaQuery);
});
const hasScreenRules = finalRules.some(i => i.nodes.length !== 0);
css.walkAtRules('tailwind', atRule => {
if (atRule.params !== 'screens') {
return;
}
if (hasScreenRules) {
atRule.before(finalRules);
}
atRule.remove();
});
};
}

View File

@@ -0,0 +1,29 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _buildMediaQuery = _interopRequireDefault(require("../util/buildMediaQuery"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default({
theme
}) {
return function (css) {
css.walkAtRules('screen', atRule => {
const screen = atRule.params;
if (!_lodash.default.has(theme.screens, screen)) {
throw atRule.error(`No \`${screen}\` screen found.`);
}
atRule.name = 'media';
atRule.params = (0, _buildMediaQuery.default)(theme.screens[screen]);
});
};
}

View File

@@ -0,0 +1,97 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _postcss = _interopRequireDefault(require("postcss"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function updateSource(nodes, source) {
return _lodash.default.tap(Array.isArray(nodes) ? _postcss.default.root({
nodes
}) : nodes, tree => {
tree.walk(node => node.source = source);
});
}
function _default(_config, {
base: pluginBase,
components: pluginComponents,
utilities: pluginUtilities
}) {
return function (css) {
css.walkAtRules('import', atRule => {
if (atRule.params === '"tailwindcss/base"' || atRule.params === "'tailwindcss/base'") {
atRule.name = 'tailwind';
atRule.params = 'base';
}
if (atRule.params === '"tailwindcss/components"' || atRule.params === "'tailwindcss/components'") {
atRule.name = 'tailwind';
atRule.params = 'components';
}
if (atRule.params === '"tailwindcss/utilities"' || atRule.params === "'tailwindcss/utilities'") {
atRule.name = 'tailwind';
atRule.params = 'utilities';
}
if (atRule.params === '"tailwindcss/screens"' || atRule.params === "'tailwindcss/screens'") {
atRule.name = 'tailwind';
atRule.params = 'screens';
}
});
let includesScreensExplicitly = false;
const layers = {
base: [],
components: [],
utilities: []
};
css.walkAtRules('layer', atRule => {
if (!['base', 'components', 'utilities'].includes(atRule.params)) {
return;
}
layers[atRule.params].push(atRule);
});
css.walkAtRules('tailwind', atRule => {
if (atRule.params === 'preflight') {
// prettier-ignore
throw atRule.error("`@tailwind preflight` is not a valid at-rule in Tailwind v1.0, use `@tailwind base` instead.", {
word: 'preflight'
});
}
if (atRule.params === 'base') {
atRule.after(layers.base);
atRule.after(updateSource(pluginBase, atRule.source));
}
if (atRule.params === 'components') {
atRule.after(layers.components);
atRule.after(updateSource(pluginComponents, atRule.source));
}
if (atRule.params === 'utilities') {
atRule.after(layers.utilities);
atRule.after(updateSource(pluginUtilities, atRule.source));
}
if (atRule.params === 'screens') {
includesScreensExplicitly = true;
}
});
if (!includesScreensExplicitly) {
css.append([_postcss.default.atRule({
name: 'tailwind',
params: 'screens'
})]);
}
};
}

View File

@@ -0,0 +1,197 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _postcss = _interopRequireDefault(require("postcss"));
var _postcssSelectorParser = _interopRequireDefault(require("postcss-selector-parser"));
var _generateVariantFunction = _interopRequireDefault(require("../util/generateVariantFunction"));
var _prefixSelector = _interopRequireDefault(require("../util/prefixSelector"));
var _buildSelectorVariant = _interopRequireDefault(require("../util/buildSelectorVariant"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function generatePseudoClassVariant(pseudoClass, selectorPrefix = pseudoClass) {
return (0, _generateVariantFunction.default)(({
modifySelectors,
separator
}) => {
const parser = (0, _postcssSelectorParser.default)(selectors => {
selectors.walkClasses(sel => {
sel.value = `${selectorPrefix}${separator}${sel.value}`;
sel.parent.insertAfter(sel, _postcssSelectorParser.default.pseudo({
value: `:${pseudoClass}`
}));
});
});
return modifySelectors(({
selector
}) => parser.processSync(selector));
});
}
function ensureIncludesDefault(variants) {
return variants.includes('default') ? variants : ['default', ...variants];
}
const defaultVariantGenerators = config => ({
default: (0, _generateVariantFunction.default)(() => {}),
'motion-safe': (0, _generateVariantFunction.default)(({
container,
separator,
modifySelectors
}) => {
const modified = modifySelectors(({
selector
}) => {
return (0, _buildSelectorVariant.default)(selector, 'motion-safe', separator, message => {
throw container.error(message);
});
});
const mediaQuery = _postcss.default.atRule({
name: 'media',
params: '(prefers-reduced-motion: no-preference)'
});
mediaQuery.append(modified);
container.append(mediaQuery);
}, {
unstable_stack: true
}),
'motion-reduce': (0, _generateVariantFunction.default)(({
container,
separator,
modifySelectors
}) => {
const modified = modifySelectors(({
selector
}) => {
return (0, _buildSelectorVariant.default)(selector, 'motion-reduce', separator, message => {
throw container.error(message);
});
});
const mediaQuery = _postcss.default.atRule({
name: 'media',
params: '(prefers-reduced-motion: reduce)'
});
mediaQuery.append(modified);
container.append(mediaQuery);
}, {
unstable_stack: true
}),
'group-hover': (0, _generateVariantFunction.default)(({
modifySelectors,
separator
}) => {
const parser = (0, _postcssSelectorParser.default)(selectors => {
selectors.walkClasses(sel => {
sel.value = `group-hover${separator}${sel.value}`;
sel.parent.insertBefore(sel, (0, _postcssSelectorParser.default)().astSync((0, _prefixSelector.default)(config.prefix, '.group:hover ')));
});
});
return modifySelectors(({
selector
}) => parser.processSync(selector));
}),
'group-focus': (0, _generateVariantFunction.default)(({
modifySelectors,
separator
}) => {
const parser = (0, _postcssSelectorParser.default)(selectors => {
selectors.walkClasses(sel => {
sel.value = `group-focus${separator}${sel.value}`;
sel.parent.insertBefore(sel, (0, _postcssSelectorParser.default)().astSync((0, _prefixSelector.default)(config.prefix, '.group:focus ')));
});
});
return modifySelectors(({
selector
}) => parser.processSync(selector));
}),
hover: generatePseudoClassVariant('hover'),
'focus-within': generatePseudoClassVariant('focus-within'),
'focus-visible': generatePseudoClassVariant('focus-visible'),
focus: generatePseudoClassVariant('focus'),
active: generatePseudoClassVariant('active'),
visited: generatePseudoClassVariant('visited'),
disabled: generatePseudoClassVariant('disabled'),
checked: generatePseudoClassVariant('checked'),
first: generatePseudoClassVariant('first-child', 'first'),
last: generatePseudoClassVariant('last-child', 'last'),
odd: generatePseudoClassVariant('nth-child(odd)', 'odd'),
even: generatePseudoClassVariant('nth-child(even)', 'even')
});
function prependStackableVariants(atRule, variants, stackableVariants) {
if (!_lodash.default.some(variants, v => stackableVariants.includes(v))) {
return variants;
}
if (_lodash.default.every(variants, v => stackableVariants.includes(v))) {
return variants;
}
const variantsParent = _postcss.default.atRule({
name: 'variants',
params: variants.filter(v => stackableVariants.includes(v)).join(', ')
});
atRule.before(variantsParent);
variantsParent.append(atRule);
variants = _lodash.default.without(variants, ...stackableVariants);
return variants;
}
function _default(config, {
variantGenerators: pluginVariantGenerators
}) {
return function (css) {
const variantGenerators = { ...defaultVariantGenerators(config),
...pluginVariantGenerators
};
const stackableVariants = Object.entries(variantGenerators).filter(([_variant, {
options
}]) => options.unstable_stack).map(([variant]) => variant);
let variantsFound = false;
do {
variantsFound = false;
css.walkAtRules('variants', atRule => {
variantsFound = true;
let variants = _postcss.default.list.comma(atRule.params).filter(variant => variant !== '');
if (variants.includes('responsive')) {
const responsiveParent = _postcss.default.atRule({
name: 'responsive'
});
atRule.before(responsiveParent);
responsiveParent.append(atRule);
}
const remainingVariants = prependStackableVariants(atRule, variants, stackableVariants);
_lodash.default.forEach(_lodash.default.without(ensureIncludesDefault(remainingVariants), 'responsive'), variant => {
if (!variantGenerators[variant]) {
throw new Error(`Your config mentions the "${variant}" variant, but "${variant}" doesn't appear to be a variant. Did you forget or misconfigure a plugin that supplies that variant?`);
}
variantGenerators[variant].handler(atRule, config);
});
atRule.remove();
});
} while (variantsFound);
};
}

View File

@@ -0,0 +1,37 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.sr-only': {
position: 'absolute',
width: '1px',
height: '1px',
padding: '0',
margin: '-1px',
overflow: 'hidden',
clip: 'rect(0, 0, 0, 0)',
whiteSpace: 'nowrap',
borderWidth: '0'
},
'.not-sr-only': {
position: 'static',
width: 'auto',
height: 'auto',
padding: '0',
margin: '0',
overflow: 'visible',
clip: 'auto',
whiteSpace: 'normal'
}
}, variants('accessibility'));
};
}

View File

@@ -0,0 +1,34 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.content-center': {
'align-content': 'center'
},
'.content-start': {
'align-content': 'flex-start'
},
'.content-end': {
'align-content': 'flex-end'
},
'.content-between': {
'align-content': 'space-between'
},
'.content-around': {
'align-content': 'space-around'
},
'.content-evenly': {
'align-content': 'space-evenly'
}
}, variants('alignContent'));
};
}

View File

@@ -0,0 +1,31 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.items-start': {
'align-items': 'flex-start'
},
'.items-end': {
'align-items': 'flex-end'
},
'.items-center': {
'align-items': 'center'
},
'.items-baseline': {
'align-items': 'baseline'
},
'.items-stretch': {
'align-items': 'stretch'
}
}, variants('alignItems'));
};
}

View File

@@ -0,0 +1,31 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.self-auto': {
'align-self': 'auto'
},
'.self-start': {
'align-self': 'flex-start'
},
'.self-end': {
'align-self': 'flex-end'
},
'.self-center': {
'align-self': 'center'
},
'.self-stretch': {
'align-self': 'stretch'
}
}, variants('alignSelf'));
};
}

View File

@@ -0,0 +1,38 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const keyframesConfig = theme('keyframes');
const keyframesStyles = _lodash.default.fromPairs(_lodash.default.toPairs(keyframesConfig).map(([name, keyframes]) => {
return [`@keyframes ${name}`, keyframes];
}));
addUtilities(keyframesStyles, {
respectImportant: false
});
const animationConfig = theme('animation');
const utilities = _lodash.default.fromPairs(_lodash.default.toPairs(animationConfig).map(([suffix, animation]) => {
return [`.${e(`animate-${suffix}`)}`, {
animation
}];
}));
addUtilities(utilities, variants('animation'));
};
}

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.appearance-none': {
appearance: 'none'
}
}, variants('appearance'));
};
}

View File

@@ -0,0 +1,25 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.bg-fixed': {
'background-attachment': 'fixed'
},
'.bg-local': {
'background-attachment': 'local'
},
'.bg-scroll': {
'background-attachment': 'scroll'
}
}, variants('backgroundAttachment'));
};
}

View File

@@ -0,0 +1,31 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants,
target
}) {
addUtilities({
'.bg-clip-border': {
'background-clip': 'border-box'
},
'.bg-clip-padding': {
'background-clip': 'padding-box'
},
'.bg-clip-content': {
'background-clip': 'content-box'
},
...(target('display') === 'ie11' ? {} : {
'.bg-clip-text': {
'background-clip': 'text'
}
})
}, variants('backgroundClip'));
};
}

View File

@@ -0,0 +1,55 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _flattenColorPalette = _interopRequireDefault(require("../util/flattenColorPalette"));
var _withAlphaVariable = _interopRequireDefault(require("../util/withAlphaVariable"));
var _toColorValue = _interopRequireDefault(require("../util/toColorValue"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants,
target,
corePlugins
}) {
const colors = (0, _flattenColorPalette.default)(theme('backgroundColor'));
const getProperties = value => {
if (target('backgroundColor') === 'ie11') {
return {
'background-color': (0, _toColorValue.default)(value)
};
}
if (corePlugins('backgroundOpacity')) {
return (0, _withAlphaVariable.default)({
color: value,
property: 'background-color',
variable: '--bg-opacity'
});
}
return {
'background-color': (0, _toColorValue.default)(value)
};
};
const utilities = _lodash.default.fromPairs(_lodash.default.map(colors, (value, modifier) => {
return [`.${e(`bg-${modifier}`)}`, getProperties(value)];
}));
addUtilities(utilities, variants('backgroundColor'));
};
}

View File

@@ -0,0 +1,34 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _usesCustomProperties = _interopRequireDefault(require("../util/usesCustomProperties"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants,
target
}) {
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('backgroundImage'), (value, modifier) => {
if (target('backgroundImage') === 'ie11' && (0, _usesCustomProperties.default)(value)) {
return [];
}
return [`.${e(`bg-${modifier}`)}`, {
'background-image': value
}];
}));
addUtilities(utilities, variants('backgroundImage'));
};
}

View File

@@ -0,0 +1,26 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('backgroundOpacity') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('backgroundOpacity', [['bg-opacity', ['--bg-opacity']]])({
target,
...args
});
};
}

View File

@@ -0,0 +1,27 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('backgroundPosition'), (value, modifier) => {
return [`.${e(`bg-${modifier}`)}`, {
'background-position': value
}];
}));
addUtilities(utilities, variants('backgroundPosition'));
};
}

View File

@@ -0,0 +1,34 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.bg-repeat': {
'background-repeat': 'repeat'
},
'.bg-no-repeat': {
'background-repeat': 'no-repeat'
},
'.bg-repeat-x': {
'background-repeat': 'repeat-x'
},
'.bg-repeat-y': {
'background-repeat': 'repeat-y'
},
'.bg-repeat-round': {
'background-repeat': 'round'
},
'.bg-repeat-space': {
'background-repeat': 'space'
}
}, variants('backgroundRepeat'));
};
}

View File

@@ -0,0 +1,27 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('backgroundSize'), (value, modifier) => {
return [`.${e(`bg-${modifier}`)}`, {
'background-size': value
}];
}));
addUtilities(utilities, variants('backgroundSize'));
};
}

View File

@@ -0,0 +1,22 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.border-collapse': {
'border-collapse': 'collapse'
},
'.border-separate': {
'border-collapse': 'separate'
}
}, variants('borderCollapse'));
};
}

View File

@@ -0,0 +1,55 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _flattenColorPalette = _interopRequireDefault(require("../util/flattenColorPalette"));
var _toColorValue = _interopRequireDefault(require("../util/toColorValue"));
var _withAlphaVariable = _interopRequireDefault(require("../util/withAlphaVariable"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants,
target,
corePlugins
}) {
const colors = (0, _flattenColorPalette.default)(theme('borderColor'));
const getProperties = value => {
if (target('borderColor') === 'ie11') {
return {
'border-color': (0, _toColorValue.default)(value)
};
}
if (corePlugins('borderOpacity')) {
return (0, _withAlphaVariable.default)({
color: value,
property: 'border-color',
variable: '--border-opacity'
});
}
return {
'border-color': (0, _toColorValue.default)(value)
};
};
const utilities = _lodash.default.fromPairs(_lodash.default.map(_lodash.default.omit(colors, 'default'), (value, modifier) => {
return [`.${e(`border-${modifier}`)}`, getProperties(value)];
}));
addUtilities(utilities, variants('borderColor'));
};
}

View File

@@ -0,0 +1,26 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('borderOpacity') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('borderOpacity', [['border-opacity', ['--border-opacity']]])({
target,
...args
});
};
}

View File

@@ -0,0 +1,63 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const generators = [(value, modifier) => ({
[`.${e(`rounded${modifier}`)}`]: {
borderRadius: `${value}`
}
}), (value, modifier) => ({
[`.${e(`rounded-t${modifier}`)}`]: {
borderTopLeftRadius: `${value}`,
borderTopRightRadius: `${value}`
},
[`.${e(`rounded-r${modifier}`)}`]: {
borderTopRightRadius: `${value}`,
borderBottomRightRadius: `${value}`
},
[`.${e(`rounded-b${modifier}`)}`]: {
borderBottomRightRadius: `${value}`,
borderBottomLeftRadius: `${value}`
},
[`.${e(`rounded-l${modifier}`)}`]: {
borderTopLeftRadius: `${value}`,
borderBottomLeftRadius: `${value}`
}
}), (value, modifier) => ({
[`.${e(`rounded-tl${modifier}`)}`]: {
borderTopLeftRadius: `${value}`
},
[`.${e(`rounded-tr${modifier}`)}`]: {
borderTopRightRadius: `${value}`
},
[`.${e(`rounded-br${modifier}`)}`]: {
borderBottomRightRadius: `${value}`
},
[`.${e(`rounded-bl${modifier}`)}`]: {
borderBottomLeftRadius: `${value}`
}
})];
const utilities = _lodash.default.flatMap(generators, generator => {
return _lodash.default.flatMap(theme('borderRadius'), (value, modifier) => {
return generator(value, modifier === 'default' ? '' : `-${modifier}`);
});
});
addUtilities(utilities, variants('borderRadius'));
};
}

View File

@@ -0,0 +1,31 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.border-solid': {
'border-style': 'solid'
},
'.border-dashed': {
'border-style': 'dashed'
},
'.border-dotted': {
'border-style': 'dotted'
},
'.border-double': {
'border-style': 'double'
},
'.border-none': {
'border-style': 'none'
}
}, variants('borderStyle'));
};
}

View File

@@ -0,0 +1,46 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const generators = [(value, modifier) => ({
[`.${e(`border${modifier}`)}`]: {
borderWidth: `${value}`
}
}), (value, modifier) => ({
[`.${e(`border-t${modifier}`)}`]: {
borderTopWidth: `${value}`
},
[`.${e(`border-r${modifier}`)}`]: {
borderRightWidth: `${value}`
},
[`.${e(`border-b${modifier}`)}`]: {
borderBottomWidth: `${value}`
},
[`.${e(`border-l${modifier}`)}`]: {
borderLeftWidth: `${value}`
}
})];
const utilities = _lodash.default.flatMap(generators, generator => {
return _lodash.default.flatMap(theme('borderWidth'), (value, modifier) => {
return generator(value, modifier === 'default' ? '' : `-${modifier}`);
});
});
addUtilities(utilities, variants('borderWidth'));
};
}

View File

@@ -0,0 +1,30 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _prefixNegativeModifiers = _interopRequireDefault(require("../util/prefixNegativeModifiers"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('boxShadow'), (value, modifier) => {
const className = modifier === 'default' ? 'shadow' : `${e((0, _prefixNegativeModifiers.default)('shadow', modifier))}`;
return [`.${className}`, {
'box-shadow': value
}];
}));
addUtilities(utilities, variants('boxShadow'));
};
}

View File

@@ -0,0 +1,22 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.box-border': {
'box-sizing': 'border-box'
},
'.box-content': {
'box-sizing': 'content-box'
}
}, variants('boxSizing'));
};
}

View File

@@ -0,0 +1,28 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.clear-left': {
clear: 'left'
},
'.clear-right': {
clear: 'right'
},
'.clear-both': {
clear: 'both'
},
'.clear-none': {
clear: 'none'
}
}, variants('clear'));
};
}

View File

@@ -0,0 +1,110 @@
"use strict";
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/* eslint-disable no-shadow */
function extractMinWidths(breakpoints) {
return _lodash.default.flatMap(breakpoints, breakpoints => {
if (_lodash.default.isString(breakpoints)) {
breakpoints = {
min: breakpoints
};
}
if (!Array.isArray(breakpoints)) {
breakpoints = [breakpoints];
}
return (0, _lodash.default)(breakpoints).filter(breakpoint => {
return _lodash.default.has(breakpoint, 'min') || _lodash.default.has(breakpoint, 'min-width');
}).map(breakpoint => {
return _lodash.default.get(breakpoint, 'min-width', breakpoint.min);
}).value();
});
}
function mapMinWidthsToPadding(minWidths, screens, paddings) {
if (typeof paddings === 'undefined') {
return [];
}
if (!_lodash.default.isObject(paddings)) {
return [{
screen: 'default',
minWidth: 0,
padding: paddings
}];
}
const mapping = [];
if (paddings.default) {
mapping.push({
screen: 'default',
minWidth: 0,
padding: paddings.default
});
}
_lodash.default.each(minWidths, minWidth => {
Object.keys(screens).forEach(screen => {
const screenMinWidth = _lodash.default.isPlainObject(screens[screen]) ? screens[screen].min || screens[screen]['min-width'] : screens[screen];
if (`${screenMinWidth}` === `${minWidth}`) {
mapping.push({
screen,
minWidth,
padding: paddings[screen]
});
}
});
});
return mapping;
}
module.exports = function () {
return function ({
addComponents,
theme,
variants
}) {
const screens = theme('container.screens', theme('screens'));
const minWidths = extractMinWidths(screens);
const paddings = mapMinWidthsToPadding(minWidths, screens, theme('container.padding'));
const generatePaddingFor = minWidth => {
const paddingConfig = _lodash.default.find(paddings, padding => `${padding.minWidth}` === `${minWidth}`);
if (!paddingConfig) {
return {};
}
return {
paddingRight: paddingConfig.padding,
paddingLeft: paddingConfig.padding
};
};
const atRules = (0, _lodash.default)(minWidths).sortBy(minWidth => parseInt(minWidth)).sortedUniq().map(minWidth => {
return {
[`@media (min-width: ${minWidth})`]: {
'.container': {
'max-width': minWidth,
...generatePaddingFor(minWidth)
}
}
};
}).value();
addComponents([{
'.container': Object.assign({
width: '100%'
}, theme('container.center', false) ? {
marginRight: 'auto',
marginLeft: 'auto'
} : {}, generatePaddingFor(0))
}, ...atRules], variants('container'));
};
};

View File

@@ -0,0 +1,228 @@
/**
* Manually forked from SUIT CSS Base: https://github.com/suitcss/base
* A thin layer on top of normalize.css that provides a starting point more
* suitable for web applications.
*/
/**
* Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
button {
background-color: transparent;
background-image: none;
}
/**
* Work around a Firefox/IE bug where the transparent `button` background
* results in a loss of the default `button` focus styles.
*/
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
fieldset {
margin: 0;
padding: 0;
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}
/**
* Tailwind custom reset styles
*/
/**
* 1. Use the user's configured `sans` font-family (with Tailwind's default
* sans-serif font stack as a fallback) as a sane default.
* 2. Use Tailwind's default "normal" line-height so the user isn't forced
* to override it to ensure consistency even when using the default theme.
*/
html {
font-family: theme('fontFamily.sans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); /* 1 */
line-height: 1.5; /* 2 */
}
/**
* 1. Prevent padding and border from affecting element width.
*
* We used to set this in the html element and inherit from
* the parent element for everything else. This caused issues
* in shadow-dom-enhanced elements like <details> where the content
* is wrapped by a div with box-sizing set to `content-box`.
*
* https://github.com/mozdevs/cssremedy/issues/4
*
*
* 2. Allow adding a border to an element by just adding a border-width.
*
* By default, the way the browser specifies that an element should have no
* border is by setting it's border-style to `none` in the user-agent
* stylesheet.
*
* In order to easily add borders to elements by just setting the `border-width`
* property, we change the default border-style for all elements to `solid`, and
* use border-width to hide them instead. This way our `border` utilities only
* need to set the `border-width` property instead of the entire `border`
* shorthand, making our border utilities much more straightforward to compose.
*
* https://github.com/tailwindcss/tailwindcss/pull/116
*/
*,
::before,
::after {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: theme('borderColor.default', currentColor); /* 2 */
}
/*
* Ensure horizontal rules are visible by default
*/
hr {
border-top-width: 1px;
}
/**
* Undo the `border-style: none` reset that Normalize applies to images so that
* our `border-{width}` utilities have the expected effect.
*
* The Normalize reset is unnecessary for us since we default the border-width
* to 0 on all elements.
*
* https://github.com/tailwindcss/tailwindcss/issues/362
*/
img {
border-style: solid;
}
textarea {
resize: vertical;
}
input::placeholder,
textarea::placeholder {
color: #a0aec0;
}
button,
[role="button"] {
cursor: pointer;
}
table {
border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/**
* Reset links to optimize for opt-in styling instead of
* opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/**
* Reset form element properties that are easy to forget to
* style explicitly so you don't inadvertently introduce
* styles that deviate from your design system. These styles
* supplement a partial reset that is already applied by
* normalize.css.
*/
button,
input,
optgroup,
select,
textarea {
padding: 0;
line-height: inherit;
color: inherit;
}
/**
* Use the configured 'mono' font family for elements that
* are expected to be rendered with a monospace font, falling
* back to the system monospace stack if there is no configured
* 'mono' font family.
*/
pre,
code,
kbd,
samp {
font-family: theme('fontFamily.mono', SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
}
/**
* Make replaced elements `display: block` by default as that's
* the behavior you want almost all of the time. Inspired by
* CSS Remedy, with `svg` added as well.
*
* https://github.com/mozdevs/cssremedy/issues/14
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
vertical-align: middle;
}
/**
* Constrain images and videos to the parent width and preserve
* their instrinsic aspect ratio.
*
* https://github.com/mozdevs/cssremedy/issues/14
*/
img,
video {
max-width: 100%;
height: auto;
}

View File

@@ -0,0 +1,27 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('cursor'), (value, modifier) => {
return [`.${e(`cursor-${modifier}`)}`, {
cursor: value
}];
}));
addUtilities(utilities, variants('cursor'));
};
}

View File

@@ -0,0 +1,76 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants,
target
}) {
addUtilities({
'.block': {
display: 'block'
},
'.inline-block': {
display: 'inline-block'
},
'.inline': {
display: 'inline'
},
'.flex': {
display: 'flex'
},
'.inline-flex': {
display: 'inline-flex'
},
'.table': {
display: 'table'
},
'.table-caption': {
display: 'table-caption'
},
'.table-cell': {
display: 'table-cell'
},
'.table-column': {
display: 'table-column'
},
'.table-column-group': {
display: 'table-column-group'
},
'.table-footer-group': {
display: 'table-footer-group'
},
'.table-header-group': {
display: 'table-header-group'
},
'.table-row-group': {
display: 'table-row-group'
},
'.table-row': {
display: 'table-row'
},
...(target('display') === 'ie11' ? {} : {
'.flow-root': {
display: 'flow-root'
},
'.grid': {
display: 'grid'
},
'.inline-grid': {
display: 'inline-grid'
},
'.contents': {
display: 'contents'
}
}),
'.hidden': {
display: 'none'
}
}, variants('display'));
};
}

View File

@@ -0,0 +1,55 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _flattenColorPalette = _interopRequireDefault(require("../util/flattenColorPalette"));
var _toColorValue = _interopRequireDefault(require("../util/toColorValue"));
var _withAlphaVariable = _interopRequireDefault(require("../util/withAlphaVariable"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants,
target,
corePlugins
}) {
const colors = (0, _flattenColorPalette.default)(theme('divideColor'));
const getProperties = value => {
if (target('divideColor') === 'ie11') {
return {
'border-color': (0, _toColorValue.default)(value)
};
}
if (corePlugins('divideOpacity')) {
return (0, _withAlphaVariable.default)({
color: value,
property: 'border-color',
variable: '--divide-opacity'
});
}
return {
'border-color': (0, _toColorValue.default)(value)
};
};
const utilities = _lodash.default.fromPairs(_lodash.default.map(_lodash.default.omit(colors, 'default'), (value, modifier) => {
return [`.${e(`divide-${modifier}`)} > :not(template) ~ :not(template)`, getProperties(value)];
}));
addUtilities(utilities, variants('divideColor'));
};
}

View File

@@ -0,0 +1,32 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants,
target
}) {
if (target('divideOpacity') === 'ie11') {
return;
}
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('divideOpacity'), (value, modifier) => {
return [`.${e(`divide-opacity-${modifier}`)} > :not(template) ~ :not(template)`, {
'--divide-opacity': value
}];
}));
addUtilities(utilities, variants('divideOpacity'));
};
}

View File

@@ -0,0 +1,31 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.divide-solid > :not(template) ~ :not(template)': {
'border-style': 'solid'
},
'.divide-dashed > :not(template) ~ :not(template)': {
'border-style': 'dashed'
},
'.divide-dotted > :not(template) ~ :not(template)': {
'border-style': 'dotted'
},
'.divide-double > :not(template) ~ :not(template)': {
'border-style': 'double'
},
'.divide-none > :not(template) ~ :not(template)': {
'border-style': 'none'
}
}, variants('divideStyle'));
};
}

View File

@@ -0,0 +1,68 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants,
target
}) {
if (target('divideWidth') === 'ie11') {
const generators = [(size, modifier) => ({
[`.${e(`divide-y${modifier}`)} > :not(template) ~ :not(template)`]: {
'border-top-width': size
},
[`.${e(`divide-x${modifier}`)} > :not(template) ~ :not(template)`]: {
'border-left-width': size
}
})];
const utilities = _lodash.default.flatMap(generators, generator => {
return _lodash.default.flatMap(theme('divideWidth'), (value, modifier) => {
return generator(value, modifier === 'default' ? '' : `-${modifier}`);
});
});
addUtilities(utilities, variants('divideWidth'));
return;
}
const generators = [(size, modifier) => ({
[`.${e(`divide-y${modifier}`)} > :not(template) ~ :not(template)`]: {
'--divide-y-reverse': '0',
'border-top-width': `calc(${size === '0' ? '0px' : size} * calc(1 - var(--divide-y-reverse)))`,
'border-bottom-width': `calc(${size === '0' ? '0px' : size} * var(--divide-y-reverse))`
},
[`.${e(`divide-x${modifier}`)} > :not(template) ~ :not(template)`]: {
'--divide-x-reverse': '0',
'border-right-width': `calc(${size === '0' ? '0px' : size} * var(--divide-x-reverse))`,
'border-left-width': `calc(${size === '0' ? '0px' : size} * calc(1 - var(--divide-x-reverse)))`
}
})];
const utilities = _lodash.default.flatMap(generators, generator => {
return [..._lodash.default.flatMap(theme('divideWidth'), (value, modifier) => {
return generator(value, modifier === 'default' ? '' : `-${modifier}`);
}), {
'.divide-y-reverse > :not(template) ~ :not(template)': {
'--divide-y-reverse': '1'
},
'.divide-x-reverse > :not(template) ~ :not(template)': {
'--divide-x-reverse': '1'
}
}];
});
addUtilities(utilities, variants('divideWidth'));
};
}

View File

@@ -0,0 +1,33 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _flattenColorPalette = _interopRequireDefault(require("../util/flattenColorPalette"));
var _toColorValue = _interopRequireDefault(require("../util/toColorValue"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const colors = (0, _flattenColorPalette.default)(theme('fill'));
const utilities = _lodash.default.fromPairs(_lodash.default.map(colors, (value, modifier) => {
return [`.${e(`fill-${modifier}`)}`, {
fill: (0, _toColorValue.default)(value)
}];
}));
addUtilities(utilities, variants('fill'));
};
}

View File

@@ -0,0 +1,27 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('flex'), (value, modifier) => {
return [`.${e(`flex-${modifier}`)}`, {
flex: value
}];
}));
addUtilities(utilities, variants('flex'));
};
}

View File

@@ -0,0 +1,28 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.flex-row': {
'flex-direction': 'row'
},
'.flex-row-reverse': {
'flex-direction': 'row-reverse'
},
'.flex-col': {
'flex-direction': 'column'
},
'.flex-col-reverse': {
'flex-direction': 'column-reverse'
}
}, variants('flexDirection'));
};
}

View File

@@ -0,0 +1,26 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
addUtilities(_lodash.default.fromPairs(_lodash.default.map(theme('flexGrow'), (value, modifier) => {
const className = modifier === 'default' ? 'flex-grow' : `flex-grow-${modifier}`;
return [`.${e(className)}`, {
'flex-grow': value
}];
})), variants('flexGrow'));
};
}

View File

@@ -0,0 +1,26 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
addUtilities(_lodash.default.fromPairs(_lodash.default.map(theme('flexShrink'), (value, modifier) => {
const className = modifier === 'default' ? 'flex-shrink' : `flex-shrink-${modifier}`;
return [`.${e(className)}`, {
'flex-shrink': value
}];
})), variants('flexShrink'));
};
}

View File

@@ -0,0 +1,25 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.flex-wrap': {
'flex-wrap': 'wrap'
},
'.flex-wrap-reverse': {
'flex-wrap': 'wrap-reverse'
},
'.flex-no-wrap': {
'flex-wrap': 'nowrap'
}
}, variants('flexWrap'));
};
}

View File

@@ -0,0 +1,30 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.float-right': {
float: 'right'
},
'.float-left': {
float: 'left'
},
'.float-none': {
float: 'none'
},
'.clearfix:after': {
content: '""',
display: 'table',
clear: 'both'
}
}, variants('float'));
};
}

View File

@@ -0,0 +1,27 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('fontFamily'), (value, modifier) => {
return [`.${e(`font-${modifier}`)}`, {
'font-family': Array.isArray(value) ? value.join(', ') : value
}];
}));
addUtilities(utilities, variants('fontFamily'));
};
}

View File

@@ -0,0 +1,40 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('fontSize'), (value, modifier) => {
const [fontSize, options] = Array.isArray(value) ? value : [value];
const {
lineHeight,
letterSpacing
} = _lodash.default.isPlainObject(options) ? options : {
lineHeight: options
};
return [`.${e(`text-${modifier}`)}`, {
'font-size': fontSize,
...(lineHeight === undefined ? {} : {
'line-height': lineHeight
}),
...(letterSpacing === undefined ? {} : {
'letter-spacing': letterSpacing
})
}];
}));
addUtilities(utilities, variants('fontSize'));
};
}

View File

@@ -0,0 +1,24 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.antialiased': {
'-webkit-font-smoothing': 'antialiased',
'-moz-osx-font-smoothing': 'grayscale'
},
'.subpixel-antialiased': {
'-webkit-font-smoothing': 'auto',
'-moz-osx-font-smoothing': 'auto'
}
}, variants('fontSmoothing'));
};
}

View File

@@ -0,0 +1,22 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.italic': {
'font-style': 'italic'
},
'.not-italic': {
'font-style': 'normal'
}
}, variants('fontStyle'));
};
}

View File

@@ -0,0 +1,56 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants,
target
}) {
if (target('fontVariantNumeric') === 'ie11') {
return;
}
addUtilities({
'.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions': {
'--font-variant-numeric-ordinal': 'var(--tailwind-empty,/*!*/ /*!*/)',
'--font-variant-numeric-slashed-zero': 'var(--tailwind-empty,/*!*/ /*!*/)',
'--font-variant-numeric-figure': 'var(--tailwind-empty,/*!*/ /*!*/)',
'--font-variant-numeric-spacing': 'var(--tailwind-empty,/*!*/ /*!*/)',
'--font-variant-numeric-fraction': 'var(--tailwind-empty,/*!*/ /*!*/)',
'font-variant-numeric': 'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)'
},
'.normal-nums': {
'font-variant-numeric': 'normal'
},
'.ordinal': {
'--font-variant-numeric-ordinal': 'ordinal'
},
'.slashed-zero': {
'--font-variant-numeric-slashed-zero': 'slashed-zero'
},
'.lining-nums': {
'--font-variant-numeric-figure': 'lining-nums'
},
'.oldstyle-nums': {
'--font-variant-numeric-figure': 'oldstyle-nums'
},
'.proportional-nums': {
'--font-variant-numeric-spacing': 'proportional-nums'
},
'.tabular-nums': {
'--font-variant-numeric-spacing': 'tabular-nums'
},
'.diagonal-fractions': {
'--font-variant-numeric-fraction': 'diagonal-fractions'
},
'.stacked-fractions': {
'--font-variant-numeric-fraction': 'stacked-fractions'
}
}, variants('fontVariantNumeric'));
};
}

View File

@@ -0,0 +1,27 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('fontWeight'), (value, modifier) => {
return [`.${e(`font-${modifier}`)}`, {
'font-weight': value
}];
}));
addUtilities(utilities, variants('fontWeight'));
};
}

View File

@@ -0,0 +1,38 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
var _featureFlags = require("../featureFlags");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
config,
...args
}) {
if (target('gap') === 'ie11') {
return;
}
if ((0, _featureFlags.flagEnabled)(config(), 'removeDeprecatedGapUtilities')) {
(0, _createUtilityPlugin.default)('gap', [['gap', ['gridGap', 'gap']], ['gap-x', ['gridColumnGap', 'columnGap']], ['gap-y', ['gridRowGap', 'rowGap']]])({
target,
config,
...args
});
} else {
(0, _createUtilityPlugin.default)('gap', [['gap', ['gridGap', 'gap']], ['col-gap', ['gridColumnGap', 'columnGap']], ['gap-x', ['gridColumnGap', 'columnGap']], ['row-gap', ['gridRowGap', 'rowGap']], ['gap-y', ['gridRowGap', 'rowGap']]])({
target,
config,
...args
});
}
};
}

View File

@@ -0,0 +1,59 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _flattenColorPalette = _interopRequireDefault(require("../util/flattenColorPalette"));
var _toColorValue = _interopRequireDefault(require("../util/toColorValue"));
var _withAlphaVariable = require("../util/withAlphaVariable");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants,
target
}) {
if (target('gradientColorStops') === 'ie11') {
return;
}
const colors = (0, _flattenColorPalette.default)(theme('gradientColorStops'));
const utilities = (0, _lodash.default)(colors).map((value, modifier) => {
const transparentTo = (() => {
if (_lodash.default.isFunction(value)) {
return value({
opacityValue: 0
});
}
try {
const [r, g, b] = (0, _withAlphaVariable.toRgba)(value);
return `rgba(${r}, ${g}, ${b}, 0)`;
} catch (_error) {
return `rgba(255, 255, 255, 0)`;
}
})();
return [[`.${e(`from-${modifier}`)}`, {
'--gradient-from-color': (0, _toColorValue.default)(value, 'from'),
'--gradient-color-stops': `var(--gradient-from-color), var(--gradient-to-color, ${transparentTo})`
}], [`.${e(`via-${modifier}`)}`, {
'--gradient-via-color': (0, _toColorValue.default)(value, 'via'),
'--gradient-color-stops': `var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, ${transparentTo})`
}], [`.${e(`to-${modifier}`)}`, {
'--gradient-to-color': (0, _toColorValue.default)(value, 'to')
}]];
}).unzip().flatten().fromPairs().value();
addUtilities(utilities, variants('gradientColorStops'));
};
}

View File

@@ -0,0 +1,26 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('gridAutoColumns') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('gridAutoColumns', [['auto-cols', ['gridAutoColumns']]])({
target,
...args
});
};
}

View File

@@ -0,0 +1,33 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants,
target
}) {
if (target('gridAutoFlow') === 'ie11') {
return;
}
addUtilities({
'.grid-flow-row': {
gridAutoFlow: 'row'
},
'.grid-flow-col': {
gridAutoFlow: 'column'
},
'.grid-flow-row-dense': {
gridAutoFlow: 'row dense'
},
'.grid-flow-col-dense': {
gridAutoFlow: 'column dense'
}
}, variants('gridAutoFlow'));
};
}

View File

@@ -0,0 +1,26 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('gridAutoRows') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('gridAutoRows', [['auto-rows', ['gridAutoRows']]])({
target,
...args
});
};
}

View File

@@ -0,0 +1,26 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('gridColumn') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('gridColumn', [['col', ['gridColumn']]])({
target,
...args
});
};
}

View File

@@ -0,0 +1,26 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('gridColumnEnd') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('gridColumnEnd', [['col-end', ['gridColumnEnd']]])({
target,
...args
});
};
}

View File

@@ -0,0 +1,26 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('gridColumnStart') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('gridColumnStart', [['col-start', ['gridColumnStart']]])({
target,
...args
});
};
}

View File

@@ -0,0 +1,26 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('gridRow') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('gridRow', [['row', ['gridRow']]])({
target,
...args
});
};
}

View File

@@ -0,0 +1,26 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('gridRowEnd') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('gridRowEnd', [['row-end', ['gridRowEnd']]])({
target,
...args
});
};
}

View File

@@ -0,0 +1,26 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('gridRowStart') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('gridRowStart', [['row-start', ['gridRowStart']]])({
target,
...args
});
};
}

View File

@@ -0,0 +1,26 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('gridTemplateColumns') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('gridTemplateColumns', [['grid-cols', ['gridTemplateColumns']]])({
target,
...args
});
};
}

View File

@@ -0,0 +1,26 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('gridTemplateRows') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('gridTemplateRows', [['grid-rows', ['gridTemplateRows']]])({
target,
...args
});
};
}

View File

@@ -0,0 +1,27 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('height'), (value, modifier) => {
return [`.${e(`h-${modifier}`)}`, {
height: value
}];
}));
addUtilities(utilities, variants('height'));
};
}

View File

@@ -0,0 +1,911 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "accessibility", {
enumerable: true,
get: function () {
return _accessibility.default;
}
});
Object.defineProperty(exports, "alignContent", {
enumerable: true,
get: function () {
return _alignContent.default;
}
});
Object.defineProperty(exports, "alignItems", {
enumerable: true,
get: function () {
return _alignItems.default;
}
});
Object.defineProperty(exports, "alignSelf", {
enumerable: true,
get: function () {
return _alignSelf.default;
}
});
Object.defineProperty(exports, "animation", {
enumerable: true,
get: function () {
return _animation.default;
}
});
Object.defineProperty(exports, "appearance", {
enumerable: true,
get: function () {
return _appearance.default;
}
});
Object.defineProperty(exports, "backgroundAttachment", {
enumerable: true,
get: function () {
return _backgroundAttachment.default;
}
});
Object.defineProperty(exports, "backgroundClip", {
enumerable: true,
get: function () {
return _backgroundClip.default;
}
});
Object.defineProperty(exports, "backgroundColor", {
enumerable: true,
get: function () {
return _backgroundColor.default;
}
});
Object.defineProperty(exports, "backgroundImage", {
enumerable: true,
get: function () {
return _backgroundImage.default;
}
});
Object.defineProperty(exports, "backgroundOpacity", {
enumerable: true,
get: function () {
return _backgroundOpacity.default;
}
});
Object.defineProperty(exports, "backgroundPosition", {
enumerable: true,
get: function () {
return _backgroundPosition.default;
}
});
Object.defineProperty(exports, "backgroundRepeat", {
enumerable: true,
get: function () {
return _backgroundRepeat.default;
}
});
Object.defineProperty(exports, "backgroundSize", {
enumerable: true,
get: function () {
return _backgroundSize.default;
}
});
Object.defineProperty(exports, "borderCollapse", {
enumerable: true,
get: function () {
return _borderCollapse.default;
}
});
Object.defineProperty(exports, "borderColor", {
enumerable: true,
get: function () {
return _borderColor.default;
}
});
Object.defineProperty(exports, "borderOpacity", {
enumerable: true,
get: function () {
return _borderOpacity.default;
}
});
Object.defineProperty(exports, "borderRadius", {
enumerable: true,
get: function () {
return _borderRadius.default;
}
});
Object.defineProperty(exports, "borderStyle", {
enumerable: true,
get: function () {
return _borderStyle.default;
}
});
Object.defineProperty(exports, "borderWidth", {
enumerable: true,
get: function () {
return _borderWidth.default;
}
});
Object.defineProperty(exports, "boxShadow", {
enumerable: true,
get: function () {
return _boxShadow.default;
}
});
Object.defineProperty(exports, "boxSizing", {
enumerable: true,
get: function () {
return _boxSizing.default;
}
});
Object.defineProperty(exports, "clear", {
enumerable: true,
get: function () {
return _clear.default;
}
});
Object.defineProperty(exports, "container", {
enumerable: true,
get: function () {
return _container.default;
}
});
Object.defineProperty(exports, "cursor", {
enumerable: true,
get: function () {
return _cursor.default;
}
});
Object.defineProperty(exports, "display", {
enumerable: true,
get: function () {
return _display.default;
}
});
Object.defineProperty(exports, "divideColor", {
enumerable: true,
get: function () {
return _divideColor.default;
}
});
Object.defineProperty(exports, "divideOpacity", {
enumerable: true,
get: function () {
return _divideOpacity.default;
}
});
Object.defineProperty(exports, "divideStyle", {
enumerable: true,
get: function () {
return _divideStyle.default;
}
});
Object.defineProperty(exports, "divideWidth", {
enumerable: true,
get: function () {
return _divideWidth.default;
}
});
Object.defineProperty(exports, "fill", {
enumerable: true,
get: function () {
return _fill.default;
}
});
Object.defineProperty(exports, "flex", {
enumerable: true,
get: function () {
return _flex.default;
}
});
Object.defineProperty(exports, "flexDirection", {
enumerable: true,
get: function () {
return _flexDirection.default;
}
});
Object.defineProperty(exports, "flexGrow", {
enumerable: true,
get: function () {
return _flexGrow.default;
}
});
Object.defineProperty(exports, "flexShrink", {
enumerable: true,
get: function () {
return _flexShrink.default;
}
});
Object.defineProperty(exports, "flexWrap", {
enumerable: true,
get: function () {
return _flexWrap.default;
}
});
Object.defineProperty(exports, "float", {
enumerable: true,
get: function () {
return _float.default;
}
});
Object.defineProperty(exports, "fontFamily", {
enumerable: true,
get: function () {
return _fontFamily.default;
}
});
Object.defineProperty(exports, "fontSize", {
enumerable: true,
get: function () {
return _fontSize.default;
}
});
Object.defineProperty(exports, "fontSmoothing", {
enumerable: true,
get: function () {
return _fontSmoothing.default;
}
});
Object.defineProperty(exports, "fontStyle", {
enumerable: true,
get: function () {
return _fontStyle.default;
}
});
Object.defineProperty(exports, "fontVariantNumeric", {
enumerable: true,
get: function () {
return _fontVariantNumeric.default;
}
});
Object.defineProperty(exports, "fontWeight", {
enumerable: true,
get: function () {
return _fontWeight.default;
}
});
Object.defineProperty(exports, "gap", {
enumerable: true,
get: function () {
return _gap.default;
}
});
Object.defineProperty(exports, "gradientColorStops", {
enumerable: true,
get: function () {
return _gradientColorStops.default;
}
});
Object.defineProperty(exports, "gridAutoColumns", {
enumerable: true,
get: function () {
return _gridAutoColumns.default;
}
});
Object.defineProperty(exports, "gridAutoFlow", {
enumerable: true,
get: function () {
return _gridAutoFlow.default;
}
});
Object.defineProperty(exports, "gridAutoRows", {
enumerable: true,
get: function () {
return _gridAutoRows.default;
}
});
Object.defineProperty(exports, "gridColumn", {
enumerable: true,
get: function () {
return _gridColumn.default;
}
});
Object.defineProperty(exports, "gridColumnEnd", {
enumerable: true,
get: function () {
return _gridColumnEnd.default;
}
});
Object.defineProperty(exports, "gridColumnStart", {
enumerable: true,
get: function () {
return _gridColumnStart.default;
}
});
Object.defineProperty(exports, "gridRow", {
enumerable: true,
get: function () {
return _gridRow.default;
}
});
Object.defineProperty(exports, "gridRowEnd", {
enumerable: true,
get: function () {
return _gridRowEnd.default;
}
});
Object.defineProperty(exports, "gridRowStart", {
enumerable: true,
get: function () {
return _gridRowStart.default;
}
});
Object.defineProperty(exports, "gridTemplateColumns", {
enumerable: true,
get: function () {
return _gridTemplateColumns.default;
}
});
Object.defineProperty(exports, "gridTemplateRows", {
enumerable: true,
get: function () {
return _gridTemplateRows.default;
}
});
Object.defineProperty(exports, "height", {
enumerable: true,
get: function () {
return _height.default;
}
});
Object.defineProperty(exports, "inset", {
enumerable: true,
get: function () {
return _inset.default;
}
});
Object.defineProperty(exports, "justifyContent", {
enumerable: true,
get: function () {
return _justifyContent.default;
}
});
Object.defineProperty(exports, "justifyItems", {
enumerable: true,
get: function () {
return _justifyItems.default;
}
});
Object.defineProperty(exports, "justifySelf", {
enumerable: true,
get: function () {
return _justifySelf.default;
}
});
Object.defineProperty(exports, "letterSpacing", {
enumerable: true,
get: function () {
return _letterSpacing.default;
}
});
Object.defineProperty(exports, "lineHeight", {
enumerable: true,
get: function () {
return _lineHeight.default;
}
});
Object.defineProperty(exports, "listStylePosition", {
enumerable: true,
get: function () {
return _listStylePosition.default;
}
});
Object.defineProperty(exports, "listStyleType", {
enumerable: true,
get: function () {
return _listStyleType.default;
}
});
Object.defineProperty(exports, "margin", {
enumerable: true,
get: function () {
return _margin.default;
}
});
Object.defineProperty(exports, "maxHeight", {
enumerable: true,
get: function () {
return _maxHeight.default;
}
});
Object.defineProperty(exports, "maxWidth", {
enumerable: true,
get: function () {
return _maxWidth.default;
}
});
Object.defineProperty(exports, "minHeight", {
enumerable: true,
get: function () {
return _minHeight.default;
}
});
Object.defineProperty(exports, "minWidth", {
enumerable: true,
get: function () {
return _minWidth.default;
}
});
Object.defineProperty(exports, "objectFit", {
enumerable: true,
get: function () {
return _objectFit.default;
}
});
Object.defineProperty(exports, "objectPosition", {
enumerable: true,
get: function () {
return _objectPosition.default;
}
});
Object.defineProperty(exports, "opacity", {
enumerable: true,
get: function () {
return _opacity.default;
}
});
Object.defineProperty(exports, "order", {
enumerable: true,
get: function () {
return _order.default;
}
});
Object.defineProperty(exports, "outline", {
enumerable: true,
get: function () {
return _outline.default;
}
});
Object.defineProperty(exports, "overflow", {
enumerable: true,
get: function () {
return _overflow.default;
}
});
Object.defineProperty(exports, "overscrollBehavior", {
enumerable: true,
get: function () {
return _overscrollBehavior.default;
}
});
Object.defineProperty(exports, "padding", {
enumerable: true,
get: function () {
return _padding.default;
}
});
Object.defineProperty(exports, "placeContent", {
enumerable: true,
get: function () {
return _placeContent.default;
}
});
Object.defineProperty(exports, "placeholderColor", {
enumerable: true,
get: function () {
return _placeholderColor.default;
}
});
Object.defineProperty(exports, "placeholderOpacity", {
enumerable: true,
get: function () {
return _placeholderOpacity.default;
}
});
Object.defineProperty(exports, "placeItems", {
enumerable: true,
get: function () {
return _placeItems.default;
}
});
Object.defineProperty(exports, "placeSelf", {
enumerable: true,
get: function () {
return _placeSelf.default;
}
});
Object.defineProperty(exports, "pointerEvents", {
enumerable: true,
get: function () {
return _pointerEvents.default;
}
});
Object.defineProperty(exports, "position", {
enumerable: true,
get: function () {
return _position.default;
}
});
Object.defineProperty(exports, "preflight", {
enumerable: true,
get: function () {
return _preflight.default;
}
});
Object.defineProperty(exports, "resize", {
enumerable: true,
get: function () {
return _resize.default;
}
});
Object.defineProperty(exports, "rotate", {
enumerable: true,
get: function () {
return _rotate.default;
}
});
Object.defineProperty(exports, "scale", {
enumerable: true,
get: function () {
return _scale.default;
}
});
Object.defineProperty(exports, "skew", {
enumerable: true,
get: function () {
return _skew.default;
}
});
Object.defineProperty(exports, "space", {
enumerable: true,
get: function () {
return _space.default;
}
});
Object.defineProperty(exports, "stroke", {
enumerable: true,
get: function () {
return _stroke.default;
}
});
Object.defineProperty(exports, "strokeWidth", {
enumerable: true,
get: function () {
return _strokeWidth.default;
}
});
Object.defineProperty(exports, "tableLayout", {
enumerable: true,
get: function () {
return _tableLayout.default;
}
});
Object.defineProperty(exports, "textAlign", {
enumerable: true,
get: function () {
return _textAlign.default;
}
});
Object.defineProperty(exports, "textColor", {
enumerable: true,
get: function () {
return _textColor.default;
}
});
Object.defineProperty(exports, "textDecoration", {
enumerable: true,
get: function () {
return _textDecoration.default;
}
});
Object.defineProperty(exports, "textOpacity", {
enumerable: true,
get: function () {
return _textOpacity.default;
}
});
Object.defineProperty(exports, "textTransform", {
enumerable: true,
get: function () {
return _textTransform.default;
}
});
Object.defineProperty(exports, "transform", {
enumerable: true,
get: function () {
return _transform.default;
}
});
Object.defineProperty(exports, "transformOrigin", {
enumerable: true,
get: function () {
return _transformOrigin.default;
}
});
Object.defineProperty(exports, "transitionDelay", {
enumerable: true,
get: function () {
return _transitionDelay.default;
}
});
Object.defineProperty(exports, "transitionDuration", {
enumerable: true,
get: function () {
return _transitionDuration.default;
}
});
Object.defineProperty(exports, "transitionProperty", {
enumerable: true,
get: function () {
return _transitionProperty.default;
}
});
Object.defineProperty(exports, "transitionTimingFunction", {
enumerable: true,
get: function () {
return _transitionTimingFunction.default;
}
});
Object.defineProperty(exports, "translate", {
enumerable: true,
get: function () {
return _translate.default;
}
});
Object.defineProperty(exports, "userSelect", {
enumerable: true,
get: function () {
return _userSelect.default;
}
});
Object.defineProperty(exports, "verticalAlign", {
enumerable: true,
get: function () {
return _verticalAlign.default;
}
});
Object.defineProperty(exports, "visibility", {
enumerable: true,
get: function () {
return _visibility.default;
}
});
Object.defineProperty(exports, "whitespace", {
enumerable: true,
get: function () {
return _whitespace.default;
}
});
Object.defineProperty(exports, "width", {
enumerable: true,
get: function () {
return _width.default;
}
});
Object.defineProperty(exports, "wordBreak", {
enumerable: true,
get: function () {
return _wordBreak.default;
}
});
Object.defineProperty(exports, "zIndex", {
enumerable: true,
get: function () {
return _zIndex.default;
}
});
var _accessibility = _interopRequireDefault(require("./accessibility"));
var _alignContent = _interopRequireDefault(require("./alignContent"));
var _alignItems = _interopRequireDefault(require("./alignItems"));
var _alignSelf = _interopRequireDefault(require("./alignSelf"));
var _animation = _interopRequireDefault(require("./animation"));
var _appearance = _interopRequireDefault(require("./appearance"));
var _backgroundAttachment = _interopRequireDefault(require("./backgroundAttachment"));
var _backgroundClip = _interopRequireDefault(require("./backgroundClip"));
var _backgroundColor = _interopRequireDefault(require("./backgroundColor"));
var _backgroundImage = _interopRequireDefault(require("./backgroundImage"));
var _backgroundOpacity = _interopRequireDefault(require("./backgroundOpacity"));
var _backgroundPosition = _interopRequireDefault(require("./backgroundPosition"));
var _backgroundRepeat = _interopRequireDefault(require("./backgroundRepeat"));
var _backgroundSize = _interopRequireDefault(require("./backgroundSize"));
var _borderCollapse = _interopRequireDefault(require("./borderCollapse"));
var _borderColor = _interopRequireDefault(require("./borderColor"));
var _borderOpacity = _interopRequireDefault(require("./borderOpacity"));
var _borderRadius = _interopRequireDefault(require("./borderRadius"));
var _borderStyle = _interopRequireDefault(require("./borderStyle"));
var _borderWidth = _interopRequireDefault(require("./borderWidth"));
var _boxShadow = _interopRequireDefault(require("./boxShadow"));
var _boxSizing = _interopRequireDefault(require("./boxSizing"));
var _clear = _interopRequireDefault(require("./clear"));
var _container = _interopRequireDefault(require("./container"));
var _cursor = _interopRequireDefault(require("./cursor"));
var _display = _interopRequireDefault(require("./display"));
var _divideColor = _interopRequireDefault(require("./divideColor"));
var _divideOpacity = _interopRequireDefault(require("./divideOpacity"));
var _divideStyle = _interopRequireDefault(require("./divideStyle"));
var _divideWidth = _interopRequireDefault(require("./divideWidth"));
var _fill = _interopRequireDefault(require("./fill"));
var _flex = _interopRequireDefault(require("./flex"));
var _flexDirection = _interopRequireDefault(require("./flexDirection"));
var _flexGrow = _interopRequireDefault(require("./flexGrow"));
var _flexShrink = _interopRequireDefault(require("./flexShrink"));
var _flexWrap = _interopRequireDefault(require("./flexWrap"));
var _float = _interopRequireDefault(require("./float"));
var _fontFamily = _interopRequireDefault(require("./fontFamily"));
var _fontSize = _interopRequireDefault(require("./fontSize"));
var _fontSmoothing = _interopRequireDefault(require("./fontSmoothing"));
var _fontStyle = _interopRequireDefault(require("./fontStyle"));
var _fontVariantNumeric = _interopRequireDefault(require("./fontVariantNumeric"));
var _fontWeight = _interopRequireDefault(require("./fontWeight"));
var _gap = _interopRequireDefault(require("./gap"));
var _gradientColorStops = _interopRequireDefault(require("./gradientColorStops"));
var _gridAutoColumns = _interopRequireDefault(require("./gridAutoColumns"));
var _gridAutoFlow = _interopRequireDefault(require("./gridAutoFlow"));
var _gridAutoRows = _interopRequireDefault(require("./gridAutoRows"));
var _gridColumn = _interopRequireDefault(require("./gridColumn"));
var _gridColumnEnd = _interopRequireDefault(require("./gridColumnEnd"));
var _gridColumnStart = _interopRequireDefault(require("./gridColumnStart"));
var _gridRow = _interopRequireDefault(require("./gridRow"));
var _gridRowEnd = _interopRequireDefault(require("./gridRowEnd"));
var _gridRowStart = _interopRequireDefault(require("./gridRowStart"));
var _gridTemplateColumns = _interopRequireDefault(require("./gridTemplateColumns"));
var _gridTemplateRows = _interopRequireDefault(require("./gridTemplateRows"));
var _height = _interopRequireDefault(require("./height"));
var _inset = _interopRequireDefault(require("./inset"));
var _justifyContent = _interopRequireDefault(require("./justifyContent"));
var _justifyItems = _interopRequireDefault(require("./justifyItems"));
var _justifySelf = _interopRequireDefault(require("./justifySelf"));
var _letterSpacing = _interopRequireDefault(require("./letterSpacing"));
var _lineHeight = _interopRequireDefault(require("./lineHeight"));
var _listStylePosition = _interopRequireDefault(require("./listStylePosition"));
var _listStyleType = _interopRequireDefault(require("./listStyleType"));
var _margin = _interopRequireDefault(require("./margin"));
var _maxHeight = _interopRequireDefault(require("./maxHeight"));
var _maxWidth = _interopRequireDefault(require("./maxWidth"));
var _minHeight = _interopRequireDefault(require("./minHeight"));
var _minWidth = _interopRequireDefault(require("./minWidth"));
var _objectFit = _interopRequireDefault(require("./objectFit"));
var _objectPosition = _interopRequireDefault(require("./objectPosition"));
var _opacity = _interopRequireDefault(require("./opacity"));
var _order = _interopRequireDefault(require("./order"));
var _outline = _interopRequireDefault(require("./outline"));
var _overflow = _interopRequireDefault(require("./overflow"));
var _overscrollBehavior = _interopRequireDefault(require("./overscrollBehavior"));
var _padding = _interopRequireDefault(require("./padding"));
var _placeContent = _interopRequireDefault(require("./placeContent"));
var _placeholderColor = _interopRequireDefault(require("./placeholderColor"));
var _placeholderOpacity = _interopRequireDefault(require("./placeholderOpacity"));
var _placeItems = _interopRequireDefault(require("./placeItems"));
var _placeSelf = _interopRequireDefault(require("./placeSelf"));
var _pointerEvents = _interopRequireDefault(require("./pointerEvents"));
var _position = _interopRequireDefault(require("./position"));
var _preflight = _interopRequireDefault(require("./preflight"));
var _resize = _interopRequireDefault(require("./resize"));
var _rotate = _interopRequireDefault(require("./rotate"));
var _scale = _interopRequireDefault(require("./scale"));
var _skew = _interopRequireDefault(require("./skew"));
var _space = _interopRequireDefault(require("./space"));
var _stroke = _interopRequireDefault(require("./stroke"));
var _strokeWidth = _interopRequireDefault(require("./strokeWidth"));
var _tableLayout = _interopRequireDefault(require("./tableLayout"));
var _textAlign = _interopRequireDefault(require("./textAlign"));
var _textColor = _interopRequireDefault(require("./textColor"));
var _textDecoration = _interopRequireDefault(require("./textDecoration"));
var _textOpacity = _interopRequireDefault(require("./textOpacity"));
var _textTransform = _interopRequireDefault(require("./textTransform"));
var _transform = _interopRequireDefault(require("./transform"));
var _transformOrigin = _interopRequireDefault(require("./transformOrigin"));
var _transitionDelay = _interopRequireDefault(require("./transitionDelay"));
var _transitionDuration = _interopRequireDefault(require("./transitionDuration"));
var _transitionProperty = _interopRequireDefault(require("./transitionProperty"));
var _transitionTimingFunction = _interopRequireDefault(require("./transitionTimingFunction"));
var _translate = _interopRequireDefault(require("./translate"));
var _userSelect = _interopRequireDefault(require("./userSelect"));
var _verticalAlign = _interopRequireDefault(require("./verticalAlign"));
var _visibility = _interopRequireDefault(require("./visibility"));
var _whitespace = _interopRequireDefault(require("./whitespace"));
var _width = _interopRequireDefault(require("./width"));
var _wordBreak = _interopRequireDefault(require("./wordBreak"));
var _zIndex = _interopRequireDefault(require("./zIndex"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

View File

@@ -0,0 +1,58 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _prefixNegativeModifiers = _interopRequireDefault(require("../util/prefixNegativeModifiers"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const generators = [(size, modifier) => ({
[`.${e((0, _prefixNegativeModifiers.default)('inset', modifier))}`]: {
top: `${size}`,
right: `${size}`,
bottom: `${size}`,
left: `${size}`
}
}), (size, modifier) => ({
[`.${e((0, _prefixNegativeModifiers.default)('inset-y', modifier))}`]: {
top: `${size}`,
bottom: `${size}`
},
[`.${e((0, _prefixNegativeModifiers.default)('inset-x', modifier))}`]: {
right: `${size}`,
left: `${size}`
}
}), (size, modifier) => ({
[`.${e((0, _prefixNegativeModifiers.default)('top', modifier))}`]: {
top: `${size}`
},
[`.${e((0, _prefixNegativeModifiers.default)('right', modifier))}`]: {
right: `${size}`
},
[`.${e((0, _prefixNegativeModifiers.default)('bottom', modifier))}`]: {
bottom: `${size}`
},
[`.${e((0, _prefixNegativeModifiers.default)('left', modifier))}`]: {
left: `${size}`
}
})];
const utilities = _lodash.default.flatMap(generators, generator => {
return _lodash.default.flatMap(theme('inset'), generator);
});
addUtilities(utilities, variants('inset'));
};
}

View File

@@ -0,0 +1,34 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.justify-start': {
'justify-content': 'flex-start'
},
'.justify-end': {
'justify-content': 'flex-end'
},
'.justify-center': {
'justify-content': 'center'
},
'.justify-between': {
'justify-content': 'space-between'
},
'.justify-around': {
'justify-content': 'space-around'
},
'.justify-evenly': {
'justify-content': 'space-evenly'
}
}, variants('justifyContent'));
};
}

View File

@@ -0,0 +1,36 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants,
target
}) {
if (target('justifyItems') === 'ie11') {
return;
}
addUtilities({
'.justify-items-auto': {
'justify-items': 'auto'
},
'.justify-items-start': {
'justify-items': 'start'
},
'.justify-items-end': {
'justify-items': 'end'
},
'.justify-items-center': {
'justify-items': 'center'
},
'.justify-items-stretch': {
'justify-items': 'stretch'
}
}, variants('justifyItems'));
};
}

View File

@@ -0,0 +1,36 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants,
target
}) {
if (target('justifySelf') === 'ie11') {
return;
}
addUtilities({
'.justify-self-auto': {
'justify-self': 'auto'
},
'.justify-self-start': {
'justify-self': 'start'
},
'.justify-self-end': {
'justify-self': 'end'
},
'.justify-self-center': {
'justify-self': 'center'
},
'.justify-self-stretch': {
'justify-self': 'stretch'
}
}, variants('justifySelf'));
};
}

View File

@@ -0,0 +1,29 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _prefixNegativeModifiers = _interopRequireDefault(require("../util/prefixNegativeModifiers"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
theme,
variants,
e
}) {
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('letterSpacing'), (value, modifier) => {
return [`.${e((0, _prefixNegativeModifiers.default)('tracking', modifier))}`, {
'letter-spacing': value
}];
}));
addUtilities(utilities, variants('letterSpacing'));
};
}

Some files were not shown because too many files have changed in this diff Show More