Verified Commit f4c02282 authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3171366 by bnjmnm: Comments from variables.pcss.css create nonuseful noise in compiled css

parent 0e1565c4

core/scripts/css/compile.js

+18 −1
Original line number Diff line number Diff line
@@ -13,7 +13,24 @@ module.exports = (filePath, callback) => { 
  // Transform the file.

  fs.readFile(filePath, (err, css) => {

    postcss([

      postcssImport(),

      postcssImport({

       plugins: [

         // On import, remove the comments from variables.pcss.css so they don't

         // appear as useless comments at the top files that import these

         // variables.

         postcss.plugin('remove-unwanted-comments-from-variables', (options) => {

           return css => {

             if (css.source.input.file.indexOf('variables.pcss.css') !== -1) {

               css.walk(node => {

                 if (node.type === 'comment') {

                   node.remove();

                 }

               });

             }

           };

         }),

       ],

      }),

      postcssCustomProperties({

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

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

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

+0 −47
Original line number Diff line number Diff line
@@ -9,53 +9,6 @@ 
 * Generic elements.

 */



:root {

  /*

   * Color Palette.

   */

  /* Secondary. */

  /* Variations. */ /* 5% darker than base. */ /* 10% darker than base. */ /* 10% darker than base. */ /* 20% darker than base. */ /* 5% darker than base. */ /* 10% darker than base. */ /* 5% darker than base. */ /* 10% darker than base. */ /* 5% darker than base. */ /* 10% darker than base. */

  /*

   * Base.

   */

  /*

   * Typography.

   */ /* 1rem = 16px if font root is 100% ands browser defaults are used. */ /* ~32px */ /* ~29px */ /* ~26px */ /* ~23px */ /* ~20px */ /* 18px */ /* ~14px */ /* ~13px */ /* ~11px */

  /**

   * Spaces.

   */ /* 3 * 16px = 48px */ /* 1.5 * 16px = 24px */ /* 1 * 16px = 16px */ /* 0.75 * 16px = 12px */ /* 0.5 * 16px = 8px */

  /*

   * Common.

   */

  /*

   * Inputs.

   */ /* Absolute zero with opacity. */ /* Davy's gray with 0.6 opacity. */ /* Light gray with 0.3 opacity on white bg. */ /* Old silver with 0.5 opacity on white bg. */ /* (1/8)em ~ 2px */ /* (1/16)em ~ 1px */ /* Font size is too big to use 1rem for extrasmall line-height */ /* 7px inside the form element label. */ /* 8px with the checkbox width of 19px */

  /*

   * Details.

   */

  /**

   * Buttons.

   */

  /**

   * jQuery.UI dropdown.

   */ /* Light gray with 0.8 opacity. */ /* Text color with 0.1 opacity. */

  /**

   * jQuery.UI dialog.

   */

  /**

   * Progress bar.

   */

  /**

   * Tabledrag icon size.

   */ /* 17px */

  /**

   * Ajax progress.

   */

  /**

   * Breadcrumb.

   */

}



html {

  font-family: BlinkMacSystemFont

,

core/themes/claro/css/base/off-canvas.theme.css

+0 −47
Original line number Diff line number Diff line
@@ -12,53 +12,6 @@ 
 * Contains overrides for jQuery UI dialog.

 */



:root {

  /*

   * Color Palette.

   */

  /* Secondary. */

  /* Variations. */ /* 5% darker than base. */ /* 10% darker than base. */ /* 10% darker than base. */ /* 20% darker than base. */ /* 5% darker than base. */ /* 10% darker than base. */ /* 5% darker than base. */ /* 10% darker than base. */ /* 5% darker than base. */ /* 10% darker than base. */

  /*

   * Base.

   */

  /*

   * Typography.

   */ /* 1rem = 16px if font root is 100% ands browser defaults are used. */ /* ~32px */ /* ~29px */ /* ~26px */ /* ~23px */ /* ~20px */ /* 18px */ /* ~14px */ /* ~13px */ /* ~11px */

  /**

   * Spaces.

   */ /* 3 * 16px = 48px */ /* 1.5 * 16px = 24px */ /* 1 * 16px = 16px */ /* 0.75 * 16px = 12px */ /* 0.5 * 16px = 8px */

  /*

   * Common.

   */

  /*

   * Inputs.

   */ /* Absolute zero with opacity. */ /* Davy's gray with 0.6 opacity. */ /* Light gray with 0.3 opacity on white bg. */ /* Old silver with 0.5 opacity on white bg. */ /* (1/8)em ~ 2px */ /* (1/16)em ~ 1px */ /* Font size is too big to use 1rem for extrasmall line-height */ /* 7px inside the form element label. */ /* 8px with the checkbox width of 19px */

  /*

   * Details.

   */

  /**

   * Buttons.

   */

  /**

   * jQuery.UI dropdown.

   */ /* Light gray with 0.8 opacity. */ /* Text color with 0.1 opacity. */

  /**

   * jQuery.UI dialog.

   */

  /**

   * Progress bar.

   */

  /**

   * Tabledrag icon size.

   */ /* 17px */

  /**

   * Ajax progress.

   */

  /**

   * Breadcrumb.

   */

}



/* Style the dialog-off-canvas container. */



.ui-dialog.ui-dialog-off-canvas {

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

+0 −47
Original line number Diff line number Diff line
@@ -10,53 +10,6 @@ 
 * Accordion styles.

 */



:root {

  /*

   * Color Palette.

   */

  /* Secondary. */

  /* Variations. */ /* 5% darker than base. */ /* 10% darker than base. */ /* 10% darker than base. */ /* 20% darker than base. */ /* 5% darker than base. */ /* 10% darker than base. */ /* 5% darker than base. */ /* 10% darker than base. */ /* 5% darker than base. */ /* 10% darker than base. */

  /*

   * Base.

   */

  /*

   * Typography.

   */ /* 1rem = 16px if font root is 100% ands browser defaults are used. */ /* ~32px */ /* ~29px */ /* ~26px */ /* ~23px */ /* ~20px */ /* 18px */ /* ~14px */ /* ~13px */ /* ~11px */

  /**

   * Spaces.

   */ /* 3 * 16px = 48px */ /* 1.5 * 16px = 24px */ /* 1 * 16px = 16px */ /* 0.75 * 16px = 12px */ /* 0.5 * 16px = 8px */

  /*

   * Common.

   */

  /*

   * Inputs.

   */ /* Absolute zero with opacity. */ /* Davy's gray with 0.6 opacity. */ /* Light gray with 0.3 opacity on white bg. */ /* Old silver with 0.5 opacity on white bg. */ /* (1/8)em ~ 2px */ /* (1/16)em ~ 1px */ /* Font size is too big to use 1rem for extrasmall line-height */ /* 7px inside the form element label. */ /* 8px with the checkbox width of 19px */

  /*

   * Details.

   */

  /**

   * Buttons.

   */

  /**

   * jQuery.UI dropdown.

   */ /* Light gray with 0.8 opacity. */ /* Text color with 0.1 opacity. */

  /**

   * jQuery.UI dialog.

   */

  /**

   * Progress bar.

   */

  /**

   * Tabledrag icon size.

   */ /* 17px */

  /**

   * Ajax progress.

   */

  /**

   * Breadcrumb.

   */

}



.accordion {

  color: #222330;

  border: 1px solid rgba(216, 217, 224, 0.8);

core/themes/claro/css/components/action-link.css

+0 −47
Original line number Diff line number Diff line
@@ -12,53 +12,6 @@ 
 * Contains Action link component and the action-links layout styles.

 */



:root {

  /*

   * Color Palette.

   */

  /* Secondary. */

  /* Variations. */ /* 5% darker than base. */ /* 10% darker than base. */ /* 10% darker than base. */ /* 20% darker than base. */ /* 5% darker than base. */ /* 10% darker than base. */ /* 5% darker than base. */ /* 10% darker than base. */ /* 5% darker than base. */ /* 10% darker than base. */

  /*

   * Base.

   */

  /*

   * Typography.

   */ /* 1rem = 16px if font root is 100% ands browser defaults are used. */ /* ~32px */ /* ~29px */ /* ~26px */ /* ~23px */ /* ~20px */ /* 18px */ /* ~14px */ /* ~13px */ /* ~11px */

  /**

   * Spaces.

   */ /* 3 * 16px = 48px */ /* 1.5 * 16px = 24px */ /* 1 * 16px = 16px */ /* 0.75 * 16px = 12px */ /* 0.5 * 16px = 8px */

  /*

   * Common.

   */

  /*

   * Inputs.

   */ /* Absolute zero with opacity. */ /* Davy's gray with 0.6 opacity. */ /* Light gray with 0.3 opacity on white bg. */ /* Old silver with 0.5 opacity on white bg. */ /* (1/8)em ~ 2px */ /* (1/16)em ~ 1px */ /* Font size is too big to use 1rem for extrasmall line-height */ /* 7px inside the form element label. */ /* 8px with the checkbox width of 19px */

  /*

   * Details.

   */

  /**

   * Buttons.

   */

  /**

   * jQuery.UI dropdown.

   */ /* Light gray with 0.8 opacity. */ /* Text color with 0.1 opacity. */

  /**

   * jQuery.UI dialog.

   */

  /**

   * Progress bar.

   */

  /**

   * Tabledrag icon size.

   */ /* 17px */

  /**

   * Ajax progress.

   */

  /**

   * Breadcrumb.

   */

}



/**

 * Action links layout.

 */