Unverified Commit 611923c3 authored by Alex Pott's avatar Alex Pott
Browse files

Issue #3170864 by lauriii, mherchel, bnjmnm, alexpott, xjm, catch: Add postcss-preset-env

parent 0c707fd3

core/misc/cspell/dictionary.txt

+1 −0
Original line number Diff line number Diff line
@@ -109,6 +109,7 @@ autoloader 
autoloaders

autoloading

autop

autoplace

autoplay

autoreply

autosave

core/package.json

+1 −2
Original line number Diff line number Diff line
@@ -32,7 +32,6 @@ 
    "@babel/core": "^7.0.0",

    "@babel/preset-env": "^7.0.0",

    "@babel/register": "^7.7.7",

    "autoprefixer": "^9.6.1",

    "babel-plugin-add-header-comment": "^1.0.3",

    "chalk": "^3.0.0",

    "chokidar": "^3.3.1",
@@ -54,9 +53,9 @@ 
    "nightwatch": "^1.2.1",

    "postcss": "^7.0.18",

    "postcss-calc": "^7.0.1",

    "postcss-custom-properties": "^9.0.2",

    "postcss-header": "^2.0.0",

    "postcss-import": "^12.0.1",

    "postcss-preset-env": "^6.7.0",

    "postcss-url": "^8.0.0",

    "prettier": "^1.14.0",

    "stylelint": "^13.0.0",

core/scripts/css/compile.js

+15 −10
Original line number Diff line number Diff line
@@ -2,12 +2,11 @@ const chalk = require('chalk'); 
const log = require('./log');

const fs = require('fs');

const postcss = require('postcss');

const postcssCustomProperties = require('postcss-custom-properties');

const postcssCalc = require("postcss-calc");

const postcssImport = require('postcss-import');

const autoprefixer = require('autoprefixer');

const postcssHeader = require('postcss-header');

const postcssUrl = require('postcss-url');

const postcssPresetEnv = require('postcss-preset-env');



module.exports = (filePath, callback) => {

  // Transform the file.
@@ -31,17 +30,23 @@ module.exports = (filePath, callback) => { 
         }),

       ],

      }),

      postcssCustomProperties({

        // Remove converted properties from the generated code. This needs to be

        // set to ensure that CSS minifiers don't remove the generated values.

      postcssPresetEnv({

        stage: 1,

        preserve: false,

        autoprefixer: {

          cascade: false,

          grid: 'no-autoplace',

        },

        features: {

          'blank-pseudo-class': false,

          'focus-visible-pseudo-class': false,

          'focus-within-pseudo-class': false,

          'has-pseudo-class': false,

          'image-set-function': false,

          'prefers-color-scheme-query': false,

        }

      }),

      postcssCalc,

      autoprefixer({

        // Output without visual cascade for more consistency with existing

        // Drupal CSS.

        cascade: false

      }),

      postcssHeader({

        header: `/*\n * DO NOT EDIT THIS FILE.\n * See the following change record for more information,\n * https://www.drupal.org/node/3084859\n * @preserve\n */\n`,

      }),

core/themes/claro/css/base/elements.css

+3 −31
Original line number Diff line number Diff line
@@ -10,23 +10,7 @@ 
 */



html {

  font-family: BlinkMacSystemFont

,

-apple-system

,

"Segoe UI"

,

Roboto

,

Oxygen-Sans

,

Ubuntu

,

Cantarell

,

"Helvetica Neue"

,

sans-serif;

  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

  font-size: 100%;

  font-weight: normal;

  font-style: normal;
@@ -266,18 +250,6 @@ img { 


.page-wrapper *:focus,

.ui-dialog *:focus {

  outline: 2px

dotted

transparent;

  box-shadow: 0

0

0

2px

#fff

,

0

0

0

5px

#26a769;

  outline: 2px dotted transparent;

  box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;

}

core/themes/claro/css/components/accordion.css

+1 −4
Original line number Diff line number Diff line
@@ -15,10 +15,7 @@ 
  border: 1px solid rgba(216, 217, 224, 0.8);

  border-radius: 2px;

  background-color: #fff;

  box-shadow: 0

2px

4px

rgba(0, 0, 0, 0.1);

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

}



.accordion__item {