Unverified Commit 7527394f authored by Alex Pott's avatar Alex Pott
Browse files

Issue #3117698 by mherchel, anmolgoyal74, lauriii, kapilkumar0324,... 

Issue #3117698 by mherchel, anmolgoyal74, lauriii, kapilkumar0324, andrewmacpherson: Allow PostCSS Plugin “Px to Rem” in core for Olivero theme
parent 154e3869

core/package.json

+1 −0
Changes for core/package.json: 1 added line, 0 removed lines.
Original line number Diff line number Diff line
@@ -56,6 +56,7 @@ 
    "postcss-header": "^2.0.0",

    "postcss-import": "^12.0.1",

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

    "postcss-pxtorem": "^5.1.1",

    "postcss-url": "^8.0.0",

    "prettier": "^2.1.2",

    "stylelint": "^13.0.0",

core/scripts/css/compile.js

+20 −0
Changes for core/scripts/css/compile.js: 20 added lines, 0 removed lines.
Original line number Diff line number Diff line
@@ -7,6 +7,8 @@ const postcssImport = require('postcss-import'); 
const postcssHeader = require('postcss-header');

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

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

// cspell:ignore pxtorem

const postcssPixelsToRem = require('postcss-pxtorem');



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

  // Transform the file.
@@ -47,6 +49,24 @@ module.exports = (filePath, callback) => { 
        }

      }),

      postcssCalc,

      postcssPixelsToRem({

          propList: [

            '*',

            '!background-position',

            '!border',

            '!border-width',

            '!box-shadow',

            '!border-top*',

            '!border-right*',

            '!border-bottom*',

            '!border-left*',

            '!border-start*',

            '!border-end*',

            '!outline*',

          ],

          mediaQuery: true,

          minPixelValue: 3,

      }),

      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

+5 −5
Changes for core/themes/claro/css/base/elements.css: 5 added lines, 5 removed lines.
Original line number Diff line number Diff line
@@ -115,22 +115,22 @@ p { 
}



dl {

  margin: 0 0 20px;

  margin: 0 0 1.25rem;

}



dl dd,

dl dl {

  margin-bottom: 10px;

  margin-left: 20px; /* LTR */

  margin-bottom: 0.625rem;

  margin-left: 1.25rem; /* LTR */

}



[dir="rtl"] dl dd,

[dir="rtl"] dl dl {

  margin-right: 20px;

  margin-right: 1.25rem;

}



blockquote {

  margin: 1em 40px;

  margin: 1em 2.5rem;

}



address {

core/themes/claro/css/base/print.css

+3 −3
Changes for core/themes/claro/css/base/print.css: 3 added lines, 3 removed lines.
Original line number Diff line number Diff line
@@ -55,8 +55,8 @@ 
    max-height: 999em;

  }

  .is-horizontal .tabs__tab {

    margin: 0 4px !important;

    border-radius: 4px 4px 0 0 !important;

    margin: 0 0.25rem !important;

    border-radius: 0.25rem 0.25rem 0 0 !important;

  }

  .dropbutton-multiple .dropbutton .secondary-action {

    display: block;
@@ -69,7 +69,7 @@ 
    display: none;

  }

  .js .dropbutton-multiple .dropbutton-widget {

    border-radius: 4px;

    border-radius: 0.25rem;

    background: none;

  }

  input.form-autocomplete,

core/themes/claro/css/base/typography.css

+8 −8
Changes for core/themes/claro/css/base/typography.css: 8 added lines, 8 removed lines.
Original line number Diff line number Diff line
@@ -9,34 +9,34 @@ 
* with the base line height of Claro.

*/

.leader {

  margin-top: 20px;

  margin-top: 1.25rem;

  margin-top: 1.538rem;

}

.leader-double {

  margin-top: 40px;

  margin-top: 2.5rem;

  margin-top: 3.076rem;

}

.leader-triple {

  margin-top: 60px;

  margin-top: 3.75rem;

  margin-top: 4.614rem;

}

.leader-quadruple {

  margin-top: 80px;

  margin-top: 5rem;

  margin-top: 6.152rem;

}

.trailer {

  margin-bottom: 20px;

  margin-bottom: 1.25rem;

  margin-bottom: 1.538rem;

}

.trailer-double {

  margin-bottom: 40px;

  margin-bottom: 2.5rem;

  margin-bottom: 3.076rem;

}

.trailer-triple {

  margin-bottom: 60px;

  margin-bottom: 3.75rem;

  margin-bottom: 4.614rem;

}

.trailer-quadruple {

  margin-bottom: 80px;

  margin-bottom: 5rem;

  margin-bottom: 6.152rem;

}