Unverified Commit c1a8f297 authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3314523 by alexpott: PostCSS results in CSS that does not comply with our coding standards

parent b855673b

core/misc/dialog/off-canvas.base.css

+93 −92
Original line number Diff line number Diff line
@@ -277,7 +277,8 @@ 
  border-bottom: 1px solid #333;

}



#drupal-off-canvas ul li:last-child, #drupal-off-canvas ol li:last-child {

#drupal-off-canvas ul li:last-child,

#drupal-off-canvas ol li:last-child {

  padding-bottom: 0;

  border-bottom: none;

}

core/misc/dialog/off-canvas.reset.css

+435 −435
Original line number Diff line number Diff line
@@ -104,94 +104,94 @@ 
#drupal-off-canvas input,

#drupal-off-canvas select,

#drupal-off-canvas textarea {

    animation: none 0s ease 0s 1 normal none running;

    -webkit-backface-visibility: visible;

    backface-visibility: visible;

    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;

    border: medium none currentColor;

    border-collapse: separate;

    border-image: none;

    border-radius: 0;

    border-spacing: 0;

  position: static;

  z-index: auto;

  top: auto;

  right: auto;

  bottom: auto;

    box-shadow: none;

    box-sizing: content-box;

    caption-side: top;

  left: auto;

  display: inline;

  visibility: visible;

  float: none;

  clear: none;

  overflow: visible;

  overflow-x: visible;

  overflow-y: visible;

  clip: auto;

    color: #000;

  box-sizing: content-box;

  box-sizing: border-box;

  width: auto;

  min-width: 0;

  max-width: none;

  height: auto;

  min-height: 0;

  max-height: none;

  margin: 0;

  padding: 0;

  table-layout: auto;

  columns: auto;

  column-span: 1;

  column-width: auto;

  column-count: auto;

  column-fill: balance;

  column-gap: normal;

  column-rule: medium none currentColor;

    column-span: 1;

    column-width: auto;

  empty-cells: show;

  caption-side: top;

  border-spacing: 0;

  list-style: disc outside none;

  content: normal;

    counter-increment: none;

  counter-reset: none;

  counter-increment: none;

  cursor: auto;

  transition: none 0s ease 0s;

  transform: none;

  transform-origin: 50% 50% 0;

  animation: none 0s ease 0s 1 normal none running;

  text-align: left;

  text-align-last: auto;

  vertical-align: baseline;

  white-space: normal;

  text-decoration: none;

  text-indent: 0;

  letter-spacing: normal;

  word-spacing: normal;

  text-transform: none;

  tab-size: 8;

  -webkit-hyphens: none;

  -ms-hyphens: none;

  hyphens: none;

  direction: ltr;

    display: inline;

    empty-cells: show;

    float: none;

  unicode-bidi: normal;

  orphans: 2;

  widows: 2;

  opacity: 1;

  color: #000;

  border: medium none currentColor;

  border-collapse: separate;

  border-radius: 0;

  border-image: none;

  outline: medium none invert;

  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;

  box-shadow: none;

  text-shadow: none;

  text-shadow: none;

  font-family: serif;

  font-size: medium;

  font-weight: normal;

  font-style: normal;

  font-variant: normal;

    font-weight: normal;

  font-stretch: normal;

  line-height: normal;

    height: auto;

    -webkit-hyphens: none;

    -ms-hyphens: none;

    hyphens: none;

    left: auto;

    letter-spacing: normal;

    list-style: disc outside none;

    margin: 0;

    max-height: none;

    max-width: none;

    min-height: 0;

    min-width: 0;

    opacity: 1;

    orphans: 2;

    outline: medium none invert;

    overflow: visible;

    overflow-x: visible;

    overflow-y: visible;

    padding: 0;

  -webkit-backface-visibility: visible;

  backface-visibility: visible;

  page-break-after: auto;

  page-break-before: auto;

  page-break-inside: auto;

  perspective: none;

  perspective-origin: 50% 50%;

    position: static;

    right: auto;

    tab-size: 8;

    table-layout: auto;

    text-align: left;

    text-align-last: auto;

    text-decoration: none;

    text-indent: 0;

    text-shadow: none;

    text-transform: none;

    top: auto;

    transform: none;

    transform-origin: 50% 50% 0;

  transform-style: flat;

    transition: none 0s ease 0s;

    unicode-bidi: normal;

    vertical-align: baseline;

    visibility: visible;

    white-space: normal;

    widows: 2;

    width: auto;

    word-spacing: normal;

    z-index: auto;

  all: initial;

    box-sizing: border-box;

    text-shadow: none;

  -webkit-font-smoothing: antialiased;

  -webkit-tap-highlight-color: initial;

}
@@ -366,94 +366,94 @@ 
#drupal-off-canvas input:before,

#drupal-off-canvas select:before,

#drupal-off-canvas textarea:before {

      animation: none 0s ease 0s 1 normal none running;

      -webkit-backface-visibility: visible;

      backface-visibility: visible;

      background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;

      border: medium none currentColor;

      border-collapse: separate;

      border-image: none;

      border-radius: 0;

      border-spacing: 0;

  position: static;

  z-index: auto;

  top: auto;

  right: auto;

  bottom: auto;

      box-shadow: none;

      box-sizing: content-box;

      caption-side: top;

  left: auto;

  display: inline;

  visibility: visible;

  float: none;

  clear: none;

  overflow: visible;

  overflow-x: visible;

  overflow-y: visible;

  clip: auto;

      color: #000;

  box-sizing: content-box;

  box-sizing: border-box;

  width: auto;

  min-width: 0;

  max-width: none;

  height: auto;

  min-height: 0;

  max-height: none;

  margin: 0;

  padding: 0;

  table-layout: auto;

  columns: auto;

  column-span: 1;

  column-width: auto;

  column-count: auto;

  column-fill: balance;

  column-gap: normal;

  column-rule: medium none currentColor;

      column-span: 1;

      column-width: auto;

  empty-cells: show;

  caption-side: top;

  border-spacing: 0;

  list-style: disc outside none;

  content: normal;

      counter-increment: none;

  counter-reset: none;

  counter-increment: none;

  cursor: auto;

  transition: none 0s ease 0s;

  transform: none;

  transform-origin: 50% 50% 0;

  animation: none 0s ease 0s 1 normal none running;

  text-align: left;

  text-align-last: auto;

  vertical-align: baseline;

  white-space: normal;

  text-decoration: none;

  text-indent: 0;

  letter-spacing: normal;

  word-spacing: normal;

  text-transform: none;

  tab-size: 8;

  -webkit-hyphens: none;

  -ms-hyphens: none;

  hyphens: none;

  direction: ltr;

      display: inline;

      empty-cells: show;

      float: none;

  unicode-bidi: normal;

  orphans: 2;

  widows: 2;

  opacity: 1;

  color: #000;

  border: medium none currentColor;

  border-collapse: separate;

  border-radius: 0;

  border-image: none;

  outline: medium none invert;

  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;

  box-shadow: none;

  text-shadow: none;

  text-shadow: none;

  font-family: serif;

  font-size: medium;

  font-weight: normal;

  font-style: normal;

  font-variant: normal;

      font-weight: normal;

  font-stretch: normal;

  line-height: normal;

      height: auto;

      -webkit-hyphens: none;

      -ms-hyphens: none;

      hyphens: none;

      left: auto;

      letter-spacing: normal;

      list-style: disc outside none;

      margin: 0;

      max-height: none;

      max-width: none;

      min-height: 0;

      min-width: 0;

      opacity: 1;

      orphans: 2;

      outline: medium none invert;

      overflow: visible;

      overflow-x: visible;

      overflow-y: visible;

      padding: 0;

  -webkit-backface-visibility: visible;

  backface-visibility: visible;

  page-break-after: auto;

  page-break-before: auto;

  page-break-inside: auto;

  perspective: none;

  perspective-origin: 50% 50%;

      position: static;

      right: auto;

      tab-size: 8;

      table-layout: auto;

      text-align: left;

      text-align-last: auto;

      text-decoration: none;

      text-indent: 0;

      text-shadow: none;

      text-transform: none;

      top: auto;

      transform: none;

      transform-origin: 50% 50% 0;

  transform-style: flat;

      transition: none 0s ease 0s;

      unicode-bidi: normal;

      vertical-align: baseline;

      visibility: visible;

      white-space: normal;

      widows: 2;

      width: auto;

      word-spacing: normal;

      z-index: auto;

  all: initial;

      box-sizing: border-box;

      text-shadow: none;

  -webkit-font-smoothing: antialiased;

  -webkit-tap-highlight-color: initial;

}

core/scripts/css/compile.js

+8 −1
Original line number Diff line number Diff line
@@ -9,6 +9,7 @@ const postcssUrl = require('postcss-url'); 
const postcssPresetEnv = require('postcss-preset-env');

// cspell:ignore pxtorem

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

const stylelint = require('stylelint');



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

  // Transform the file.
@@ -78,7 +79,13 @@ module.exports = (filePath, callback) => { 
    ])

    .process(css, { from: filePath })

    .then(result => {

      callback(result.css);

      return stylelint.lint({

        code: result.css,

        fix: true

      });

    })

    .then(result => {

      callback(result.output);

    })

    .catch(error => {

      log(chalk.red(error));

core/themes/claro/css/base/variables.css

+42 −6
Original line number Diff line number Diff line
@@ -9,7 +9,15 @@ 
   * Color Palette.

   */

  /* Secondary. */

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

  /* Variations. */

  /* 5% darker than base. */

  /* 10% darker than base. */

  /* 5% darker than base. */

  /* 10% darker than base. */

  /* 2% darker than base. */

  /* 5% darker than base. */

  /* 5% darker than base. */

  /* 10% darker than base. */

  /* Gray variations. */

  /* Blue variations. */

  /* Red variations. */
@@ -18,10 +26,27 @@ 
   */

  /*

   * Typography.

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

   */

  /* 18px */

  /* 1rem = 16px if font root is 100% ands browser defaults are used. */

  /* ~36px */

  /* ~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 */

   */

  /* 3 * 16px = 48px */

  /* 1.5 * 16px = 24px */

  /* 1 * 16px = 16px */

  /* 0.75 * 16px = 12px */

  /* 0.5 * 16px = 8px */

  /*

   * Common.

   */
@@ -30,7 +55,15 @@ 
   */

  /*

   * Inputs.

   */ /* 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 */

   */

  /* 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.

   */
@@ -39,7 +72,9 @@ 
   */

  /**

   * jQuery.UI dropdown.

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

   */

  /* Light gray with 0.8 opacity. */

  /* Text color with 0.1 opacity. */

  /**

   * jQuery.UI dialog.

   */
@@ -48,7 +83,8 @@ 
   */

  /**

   * Tabledrag icon size.

   */ /* 17px */

   */

  /* 17px */

  /**

   * Ajax progress.

   */

core/themes/claro/css/components/form--select.css

+11 −8
Original line number Diff line number Diff line
@@ -65,6 +65,7 @@ 


    /* Lets browser set <select> appearance to whatever the browser's default is. */

  }



  @supports ((-webkit-appearance: revert) or (appearance: revert)) {

    .form-element--type-select,

    .form-element--type-select:focus,
@@ -85,7 +86,9 @@ 


    /* Re-enable default chevron for Internet Explorer. */

  }

    .form-element--type-select::-ms-expand, .form-element--type-select:focus::-ms-expand, .form-element--type-select[disabled]::-ms-expand {

  .form-element--type-select::-ms-expand,

  .form-element--type-select:focus::-ms-expand,

  .form-element--type-select[disabled]::-ms-expand {

    display: block;

  }

}