cacao-css 3.20.0 → 4.0.0

package/gulp/utilities.js

@@ -1,150 +0,0 @@
-/* =========================================================================== *\
-    Utility functions
-\* =========================================================================== */
-
-
-// Require plugins
-const chalk = require('chalk');
-const fancyLog = require('fancy-log');
-const moment = require('moment');
-
-// Load node modules
-const del = require('del');
-const path = require('path');
-
-
-// Banner to add to the top of files
-const banner = [
-    "/**",
-    " * @build " + moment().format("llll Z"),
-    " */",
-    ""
-].join("\n");
-
-
-/**
- * Deletes a file
- *
- * @param {string} file The file to delete
- * @param {string} src The file source path
- * @param {string} dest The build destination path
- * @param {string} type The type of file. Used in the console message
- */
-function deleteFile(file, src, dest, type) {
-
-    // Get the relative path to the file
-    var srcPath = path.relative(path.resolve(src), file);
-
-    // Remove "../" from the path as it causes the destination path to be incorrect
-    srcPath = srcPath.replace(/(\.\.\/)+/, '');
-
-    // Output message of what is being deleted
-    log(dest + '/' + srcPath, 'Deleting ' + type);
-
-    // Combine the destination path and the source path to get the full path to the destination file
-    let destPath = path.resolve(dest, srcPath);
-
-    // Delete the file
-    del.sync(destPath);
-}
-
-
-/**
- * Process an array of data synchronously.
- *
- * @link https://gist.github.com/steve-taylor/5075717
- * Updated slightly to be ES6
- *
- * @param data An array of data.
- * @param processData A function that processes an item of data.
- *                    Signature: function(item, i, callback), where {@code item} is the i'th item,
- *                               {@code i} is the loop index value and {@code calback} is the
- *                               parameterless function to call on completion of processing an item.
- */
-function doSynchronousLoop(data, processData, done) {
-    if (data.length > 0) {
-        const loop = (data, i, processData, done) => {
-            processData(data[i], i, () => {
-                if (++i < data.length) {
-                    loop(data, i, processData, done);
-                } else {
-                    done();
-                }
-            });
-        };
-        loop(data, 0, processData, done);
-    } else {
-        done();
-    }
-}
-
-/**
- * Flattens an array and joins two together
- * @param {Array} prev
- * @param {Array} current
- * @returns {Array}
- */
-function flatten(prev, current) {
-    return prev.concat(current.src);
-}
-
-/**
- * Logs the current file being dealt with
- * @param {object} file The file object
- * @param {string} [prefix] The log prefix
- */
-function logFile(file, prefix) {
-    prefix = prefix || 'Using'
-    log(path.relative(file.cwd, file.path), prefix);
-}
-
-
-/**
- * Log something with an optional prefix
- * @param {string} content The string to log
- * @param {string} [prefix] The log prefix
- */
-function log(content, prefix) {
-    if (typeof prefix !== 'undefined' && prefix.length > 0) {
-        fancyLog(chalk.cyan(prefix) + ' ' + chalk.magenta(content));
-    } else {
-        fancyLog(chalk.magenta(content));
-    }
-}
-
-/**
- * Logs moving a file from one location to another
- * @param {string} message The text to prefix the files
- * @param {object|string} file The file being moved
- * @param {string} dest The destination location
- */
-function logFileTo(message, file, dest) {
-    if (typeof file === 'string') {
-        fancyLog(chalk.cyan(message) + ' ' + chalk.blue(file) + ' to ' + chalk.green(dest));
-    } else {
-        fancyLog(chalk.cyan(message) + ' ' + chalk.blue(path.relative(file.cwd, file.path)) + ' to ' + chalk.green(dest));
-    }
-}
-
-/**
- * Error Handler
- * @param err
- */
-const onError = (err) => {
-    console.log(err);
-    if (typeof this.emit === 'function') {
-        this.emit('end');
-    }
-};
-
-// Export module
-module.exports = {
-    banner: banner,
-    deleteFile: deleteFile,
-    flatten: flatten,
-    log: log,
-    logFile: logFile,
-    logFileTo: logFileTo,
-    onError: onError,
-    synchLoop: doSynchronousLoop
-};

package/gulpfile.js

@@ -1,37 +0,0 @@
-// Configuration
-const config = require('./gulp/config.js');
-
-// Load gulp
-const gulp = require('gulp');
-
-// Load gulp modules
-const css = require('./gulp/css');
-
-/**
- * Watch for file changes and then process the files
- * @param {function} done
- */
-function watch(done) {
-    // CSS
-    gulp.watch(config.paths.watch.css, {events: 'all'}, css.css);
-
-    done();
-}
-
-// Set the display properties of the theme pull function
-watch.description = 'Watch for file changes and then process the files';
-
-
-// Build tasks
-const build = gulp.series(
-    css.css
-);
-
-// Export gulp methods
-module.exports = {
-    build: build,
-    default: gulp.series(build, watch),
-    css: css.css,
-    stylelint: css.stylelint,
-    watch: watch
-};

package/src/css/base/README.md

@@ -1,12 +0,0 @@
-# Base
-
-Base styles for web applications. Styles are built upon
-[Normalize.css](https://github.com/necolas/normalize.css).
-
-Creates a "layer" of base element styles. If these styles are spread across
-modules other than this one, things can get unpredictable. Lots of styles are
-based on those found in Reboot / Bootstrap v4 with some other more or less
-opinionated changes.
-
-**Note:** A base font-size: 62.5% is declared on the `<html>` for intuitiv 
-`rem` conversion to and from pixels.

package/src/css/base/base.css

@@ -1,145 +0,0 @@
-/* ==========================================================================
-   Base
-   ========================================================================== */
-
-:root {
-    --base-body-background: #fff;
-}
-
-/**
- * Add smooth scrolling by default.
- * Disable it for those who prefer reduced motion
- * @link https://ashleemboyer.com/accessible-smooth-scroll-to-top-buttons-with-little-code
- */
-html {
-    scroll-behavior: smooth;
-
-    @media (prefers-reduced-motion: reduce) {
-        scroll-behavior: auto;
-    }
-}
-
-/**
- * 1. By default, `<body>` has no `background-color` so we set one
- *    as a best practice.
- */
-
-body {
-    background: var(--base-body-background); /* 1 */
-}
-
-/**
- * 1. Style alt text.
- * 2. Scale image fluidly within its container. Making this default has some
- *    known issues but can be very convenient when users are inserting images
- *    onto a page with a rich text editor.
- *    See https://github.com/twbs/bootstrap/issues/18178
- * 3. Align middle to prevent white space created by aligning to text baseline.
- */
-
-img {
-    font-style: italic; /* 1 */
-    height: auto; /* 2 */
-    max-width: 100%; /* 2 */
-    vertical-align: middle; /* 3 */
-}
-
-/**
- * 1. Remove default border from iframes
- */
-
-iframe {
-    border: 0; /* 1 */
-}
-
-/**
- * iOS "clickable elements" fix for role="button"
- *
- * Fixes "clickability" issue (and more generally, the firing of events such as
- * focus as well) for traditionally non-focusable elements with role="button"
- * see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
- */
-
-[role='button'] {
-    cursor: pointer;
-}
-
-/**
- * Suppress the focus outline on elements that cannot be accessed via keyboard.
- * This prevents an unwanted focus outline from appearing around elements that
- * might still respond to pointer events.
- */
-
-[tabindex='-1']:focus {
-    outline: none !important;
-}
-
-/**
- * Avoid 300ms click delay on touch devices that support the `touch-action` CSS
- * property.
- *
- * In particular, unlike most other browsers, IE11+Edge on Windows 10 on touch
- * devices and IE Mobile 10-11 DON'T remove the click delay when
- * `<meta name="viewport" content="width=device-width">` is present. However,
- * they DO support removing the click delay via `touch-action: manipulation`.
- * See:
- * - http://v4-alpha.getbootstrap.com/content/reboot/#click-delay-optimization-for-touch
- * - http://caniuse.com/#feat=css-touch-action
- * - http://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay
- */
-
-a,
-area,
-button,
-[role='button'],
-input,
-label,
-select,
-summary,
-textarea {
-    touch-action: manipulation;
-}
-
-/**
- * Work around a Firefox/IE bug where the transparent `button` background
- * results in a loss of the default `button` focus styles.
- * Based on SUIT CSS: https://github.com/suitcss/base/blob/master/lib/base.css.
- * Also see https://css-tricks.com/copy-the-browsers-native-focus-styles/ for "Highlight"
- */
- button:focus-visible {
-    outline: 1px dotted;
-    /* stylelint-disable */
-    outline: 2px auto Highlight;
-    outline: 2px auto -webkit-focus-ring-color;
-    /* stylelint-enable */
-    outline-offset: 1px;
-}
-
-/**
- * Always hide an element with the `hidden` HTML attribute (from PureCSS).
- */
-
-[hidden] {
-    display: none !important;
-}
-
-/**
- * Use a more intuitive box-sizing model
- * See: https://www.joshwcomeau.com/css/custom-css-reset
- */
-
-*,
-*::before,
-*::after {
-    box-sizing: border-box;
-}
-
-/**
- * Remove the focus outline for mouse uses but preserve for keyboard users with
- * :focus-visible
- * @link https://twitter.com/LeaVerou/status/1045768279753666562
- * @link https://css-tricks.com/the-focus-visible-trick/
- */
-:focus:not(:focus-visible) {
-    outline: none;
-}

package/src/css/base/code.css

@@ -1,36 +0,0 @@
-/* ==========================================================================
-   Code
-   ========================================================================== */
-
-:root {
-    --base-code-fontFamily: monospace;
-    --base-code-fontSize: 90%;
-    --base-code-fontWeight: inherit;
-    --base-code-letterSpacing: normal;
-    --base-code-lineHeight: 1.5;
-    --base-code-spacing: 20px;
-}
-
-/**
- * Inline and block code styles
- */
-
-code,
-kbd,
-pre,
-samp {
-    color: inherit;
-    font-family: var(--base-code-fontFamily);
-    font-size: var(--base-code-fontSize);
-    font-weight: var(--base-code-fontWeight);
-    letter-spacing: var(--base-code-letterSpacing);
-    line-height: var(--base-code-lineHeight);
-}
-
-/**
- * Blocks of code or pre-formatted text
- */
-
-pre {
-    margin: 0 0 var(--base-code-spacing);
-}

package/src/css/base/forms.css

@@ -1,67 +0,0 @@
-/* ==========================================================================
-   Forms
-   ========================================================================== */
-
-fieldset {
-    border: 0;
-    margin: 0;
-    padding: 0;
-}
-
-/**
- * 1. Allow labels can use `margin` for spacing.
- */
-
-label {
-    display: inline-block; /* 1 */
-}
-
-/**
- * 1. iOS adds rounded borders by default
- * 2. Normalize includes `font: inherit;`, so `font-family`. `font-size`, etc
- *    are properly inherited. However, `line-height` isn't addressed there.
- *    Using this ensures we don't need to unnecessarily redeclare the global
- *    font stack.
- * 3. Remove all `margin`s so our classes don't have to do it themselves.
- */
-
-input,
-button,
-select,
-textarea {
-    border-radius: 0; /* 1 */
-    line-height: inherit; /* 2 */
-    margin: 0; /* 3 */
-}
-
-/**
- * 1. Only allow for vertical resizing to prevent layouts from breaking.
- * 2. Easier to read default alignment.
- */
-
-textarea {
-    resize: vertical; /* 1 */
-    vertical-align: top; /* 2 */
-}
-
-/**
- * 1. Overrides the extra rounded corners on search inputs in iOS so that our
- * custom classes can properly style them without using an attribute selector.
- */
-
-input[type='search'] {
-    -webkit-appearance: none; /* 1 */
-}
-
-/**
- * Add some right margin to radio buttons and checkboxes
- */
-input[type='radio'],
-input[type='checkbox'] {
-    margin-right: 5px;
-}
-
-html input[disabled],
-html input[readonly] {
-    background: #eee;
-}

package/src/css/base/index.css

@@ -1,7 +0,0 @@
-@import 'normalize.css/normalize';
-@import './base.css';
-@import './code.css';
-@import './forms.css';
-@import './tables.css';
-@import './typography.css';
-@import './print.css';

package/src/css/base/print.css

@@ -1,77 +0,0 @@
-/* =========================================================================== *\
-    Print styles
-    Based off of HTML5 Boilerplate print styles in their /css/main.css file
-    Inlined to avoid the additional HTTP request
-\* =========================================================================== */
-
-
-
-@media print {
-    *,
-    *::before,
-    *::after {
-        background: transparent !important;
-        box-shadow: none !important;
-        color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */
-        text-shadow: none !important;
-    }
-
-    a,
-    a:visited {
-        text-decoration: underline;
-    }
-
-    a[href]::after {
-        content: ' (' attr(href) ')';
-    }
-
-    abbr[title]::after {
-        content: ' (' attr(title) ')';
-    }
-
-    /*
-     * Don't show links that are fragment identifiers,
-     * or use the `javascript:` pseudo protocol
-     */
-
-    a[href^='#']::after,
-    a[href^='javascript:']::after {
-        content: '';
-    }
-
-    pre {
-        white-space: pre-wrap !important;
-    }
-
-    pre,
-    blockquote {
-        border: 1px solid #999;
-        page-break-inside: avoid;
-    }
-
-    /*
-     * Printing Tables:
-     * http://css-discuss.incutio.com/wiki/Printing_Tables
-     */
-
-    thead {
-        display: table-header-group;
-    }
-
-    tr,
-    img {
-        page-break-inside: avoid;
-    }
-
-    p,
-    h2,
-    h3 {
-        orphans: 3;
-        widows: 3;
-    }
-
-    h2,
-    h3 {
-        page-break-after: avoid;
-    }
-}

package/src/css/base/tables.css

@@ -1,38 +0,0 @@
-/* ==========================================================================
-   Tables
-   ========================================================================== */
-
-:root {
-    --base-tables-heading-color: inherit;
-    --base-tables-spacing: 20px;
-}
-
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-    margin-bottom: var(--base-tables-spacing);
-}
-
-td,
-th {
-    padding: 6px;
-    vertical-align: top;
-}
-
-th {
-    color: var(--base-tables-heading-color);
-}
-
-/**
- * Keep text alignment consistent, reset default centered text
- */
-
-caption,
-th {
-    text-align: left;
-}
-
-caption {
-    caption-side: bottom;
-    margin-top: var(--base-tables-spacing);
-}