gin-image-preview.css

Same filename and directory in other branches
  1. main core/themes/default_admin/migration/css/base/gin-image-preview.css
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
.image-preview {
  img {
    background-color: var(--gin-pattern-fallback);
    background-image: linear-gradient(-45deg, var(--gin-pattern) 25%, transparent 26%), linear-gradient(-45deg, var(--gin-pattern) 25%, transparent 26%), linear-gradient(135deg, var(--gin-pattern) 25%, transparent 26%), linear-gradient(135deg, var(--gin-pattern) 25%, transparent 26%);
    background-position:
      0 0,
      var(--gin-pattern-square) var(--gin-pattern-square),
      var(--gin-pattern-square) var(--gin-pattern-square),
      0 0;
    background-size: calc(var(--gin-pattern-square) * 2) calc(var(--gin-pattern-square) * 2);

    @media screen and (-ms-high-contrast: active) {
      background: none;
    }
  }
}

File

View on git.drupalcode.org

core/themes/default_admin/migration/css/base/gin-image-preview.css

View source 
  1. /*

  2.  * DO NOT EDIT THIS FILE.

  3.  * See the following change record for more information,

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

  5.  * @preserve

  6.  */

  7. .image-preview {

  8.   img {

  9.     background-color: var(--gin-pattern-fallback);

  10.     background-image: linear-gradient(-45deg, var(--gin-pattern) 25%, transparent 26%), linear-gradient(-45deg, var(--gin-pattern) 25%, transparent 26%), linear-gradient(135deg, var(--gin-pattern) 25%, transparent 26%), linear-gradient(135deg, var(--gin-pattern) 25%, transparent 26%);

  11.     background-position:

  12.       0 0,

  13.       var(--gin-pattern-square) var(--gin-pattern-square),

  14.       var(--gin-pattern-square) var(--gin-pattern-square),

  15.       0 0;

  16.     background-size: calc(var(--gin-pattern-square) * 2) calc(var(--gin-pattern-square) * 2);

  17. 

  18.     @media screen and (-ms-high-contrast: active) {

  19.       background: none;

  20.     }

  21.   }

  22. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.