dblog.pcss.css

Same filename and directory in other branches
  1. 11.x core/themes/default_admin/css/components/dblog.pcss.css
/*
 * @file
 * DBLog styling.
 */

/* Checked */
.admin-dblog .dblog-info .icon,
.admin-dblog .dblog-notice .icon {
  background-color: var(--gin-color-green);
  background-image: none;
  mask-image: var(--admin-icon-status);
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: 20px 20px;
}

/* Warning */
.admin-dblog .dblog-warning .icon {
  background-color: var(--gin-color-warning);
  background-image: none;
  mask-image: var(--admin-icon-warning);
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: 20px 20px;
}

/* Error */
.admin-dblog .dblog-error .icon,
.admin-dblog .dblog-critical .icon,
.admin-dblog .dblog-alert .icon,
.admin-dblog .dblog-emergency .icon {
  background-color: var(--gin-color-danger);
  background-image: none;
  mask-image: var(--admin-icon-error);
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: 20px 20px;
}

File

View on git.drupalcode.org

core/themes/default_admin/css/components/dblog.pcss.css

View source 
  1. /*

  2.  * @file

  3.  * DBLog styling.

  4.  */

  5. 

  6. /* Checked */

  7. .admin-dblog .dblog-info .icon,

  8. .admin-dblog .dblog-notice .icon {

  9.   background-color: var(--gin-color-green);

  10.   background-image: none;

  11.   mask-image: var(--admin-icon-status);

  12.   mask-repeat: no-repeat;

  13.   mask-position: center center;

  14.   mask-size: 20px 20px;

  15. }

  16. 

  17. /* Warning */

  18. .admin-dblog .dblog-warning .icon {

  19.   background-color: var(--gin-color-warning);

  20.   background-image: none;

  21.   mask-image: var(--admin-icon-warning);

  22.   mask-repeat: no-repeat;

  23.   mask-position: center center;

  24.   mask-size: 20px 20px;

  25. }

  26. 

  27. /* Error */

  28. .admin-dblog .dblog-error .icon,

  29. .admin-dblog .dblog-critical .icon,

  30. .admin-dblog .dblog-alert .icon,

  31. .admin-dblog .dblog-emergency .icon {

  32.   background-color: var(--gin-color-danger);

  33.   background-image: none;

  34.   mask-image: var(--admin-icon-error);

  35.   mask-repeat: no-repeat;

  36.   mask-position: center center;

  37.   mask-size: 20px 20px;

  38. }

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