Commit 15ebeed5 authored by catch's avatar catch
Browse files

Issue #3262135 by kostyashupenko, longwave, Spokje, arunkumark,... 

Issue #3262135 by kostyashupenko, longwave, Spokje, arunkumark, immaculatexavier: Olivero: Removal of the ie11-autorow CSS class

(cherry picked from commit f3b89549)
parent 8398ea32

core/misc/cspell/dictionary.txt

+0 −1
Original line number Diff line number Diff line
@@ -75,7 +75,6 @@ autop 
autoplace

autoplay

autoreply

autorow

autosave

autosubmit

autowire

core/themes/olivero/css/base/utility.css

deleted100644 → 0
+0 −72
Original line number Diff line number Diff line 
/*

 * DO NOT EDIT THIS FILE.

 * See the following change record for more information,

 * https://www.drupal.org/node/3084859

 * @preserve

 */



/**

 * @file

 * Utility classes.

 */



/*

 * Media query breakpoints.

 * Processed by postcss/postcss-custom-media.

 */



/* Navigation related breakpoints */



/* Grid related breakpoints */



/* Grid shifts from 6 to 14 columns. */



/* Width of the entire grid maxes out. */



/*

  ie11-autorow



  IE11 does not automatically place new rows, which leads to overlapping

  content. We can work around this (when we know that each grid item is

  going to span the full width) by setting each child to a new row.

*/



.ie11-autorow > *:nth-child(1) {

    -ms-grid-row: 1;

  }



.ie11-autorow > *:nth-child(2) {

    -ms-grid-row: 2;

  }



.ie11-autorow > *:nth-child(3) {

    -ms-grid-row: 3;

  }



.ie11-autorow > *:nth-child(4) {

    -ms-grid-row: 4;

  }



.ie11-autorow > *:nth-child(5) {

    -ms-grid-row: 5;

  }



.ie11-autorow > *:nth-child(6) {

    -ms-grid-row: 6;

  }



.ie11-autorow > *:nth-child(7) {

    -ms-grid-row: 7;

  }



.ie11-autorow > *:nth-child(8) {

    -ms-grid-row: 8;

  }



.ie11-autorow > *:nth-child(9) {

    -ms-grid-row: 9;

  }



.ie11-autorow > *:nth-child(10) {

    -ms-grid-row: 10;

  }

core/themes/olivero/css/base/utility.pcss.css

deleted100644 → 0
+0 −55
Original line number Diff line number Diff line 
/**

 * @file

 * Utility classes.

 */



@import "../base/media-queries.pcss.css";



/*

  ie11-autorow



  IE11 does not automatically place new rows, which leads to overlapping

  content. We can work around this (when we know that each grid item is

  going to span the full width) by setting each child to a new row.

*/

.ie11-autorow > * {

  &:nth-child(1) {

    -ms-grid-row: 1;

  }



  &:nth-child(2) {

    -ms-grid-row: 2;

  }



  &:nth-child(3) {

    -ms-grid-row: 3;

  }



  &:nth-child(4) {

    -ms-grid-row: 4;

  }



  &:nth-child(5) {

    -ms-grid-row: 5;

  }



  &:nth-child(6) {

    -ms-grid-row: 6;

  }



  &:nth-child(7) {

    -ms-grid-row: 7;

  }



  &:nth-child(8) {

    -ms-grid-row: 8;

  }



  &:nth-child(9) {

    -ms-grid-row: 9;

  }



  &:nth-child(10) {

    -ms-grid-row: 10;

  }

}

core/themes/olivero/olivero.libraries.yml

+0 −1
Original line number Diff line number Diff line
@@ -5,7 +5,6 @@ global-styling: 
      css/base/fonts.css: {}

      css/base/variables.css: {}

      css/base/base.css: {}

      css/base/utility.css: {}

    layout:

      css/layout/layout.css: {}

      css/layout/grid.css: {}

core/themes/olivero/templates/content/node.html.twig

+0 −1
Original line number Diff line number Diff line
@@ -74,7 +74,6 @@ 
    'node',

    'node--type-' ~ node.bundle|clean_class,

    layout ? 'grid-full',

    layout ? 'ie11-autorow',

    node.isPromoted() ? 'node--promoted',

    node.isSticky() ? 'node--sticky',

    not node.isPublished() ? 'node--unpublished',