gin-image-preview.pcss.css

Same filename and directory in other branches
  1. main core/themes/default_admin/migration/css/base/gin-image-preview.pcss.css
.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.pcss.css

View source 
  1. .image-preview {

  2.   img {

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

  4.     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%);

  5.     background-position:

  6.       0 0,

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

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

  9.       0 0;

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

  11. 

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

  13.       background: none;

  14.     }

  15.   }

  16. }

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