system-admin--admin-list.css

Admin list and admin item modules.

File

core/themes/claro/css/components/system-admin--admin-list.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. 

  8. /**

  9.  * @file

  10.  * Admin list and admin item modules.

  11.  */

  12. 

  13. /**

  14.  * Admin list (wrapper of admin items).

  15.  */

  16. 

  17. .admin-list {

  18.   margin-block: 1em 2em;

  19.   padding: 0;

  20. }

  21. 

  22. .admin-list--panel {

  23.   margin: -1em -1.5em;

  24. }

  25. 

  26. /**

  27.  * Admin item.

  28.  */

  29. 

  30. .admin-item {

  31.   padding-block: 0.75em;

  32.   padding-inline: 3em 1.5em;

  33. }

  34. 

  35. .admin-item:not(:last-child) {

  36.   border-bottom: calc(1em / 16) solid var(--color-gray-200);

  37. }

  38. 

  39. .admin-item__title {

  40.   font-weight: bold;

  41. }

  42. 

  43. .admin-item__link {

  44.   position: relative;

  45.   display: inline-block;

  46.   margin-inline-start: -1.5em;

  47.   padding-inline-start: 1.5em;

  48.   -webkit-text-decoration: none;

  49.   text-decoration: none;

  50. }

  51. 

  52. /**

  53.  * Admin item link icon.

  54.  */

  55. 

  56. .admin-item__link::before {

  57.   position: absolute;

  58.   inset-block-start: 0;

  59.   inset-inline-start: 0;

  60.   display: block;

  61.   width: 1em;

  62.   height: 1.5em;

  63.   content: "";

  64.   background: transparent no-repeat 50% 50%;

  65.   background-image: url("data:image/svg+xml,%3csvg width='9' height='14' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.71.314L.29 1.723l5.302 5.353L.289 12.43l1.422 1.408 6.697-6.762z' fill='%23003ecc'/%3e%3c/svg%3e");

  66. }

  67. 

  68. [dir="rtl"] .admin-item__link::before {

  69.   transform: scaleX(-1);

  70. }

  71. 

  72. @media (forced-colors: active) {

  73.   .admin-item__link::before {

  74.     mask-image: url("data:image/svg+xml,%3csvg width='9' height='14' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.71.314L.29 1.723l5.302 5.353L.289 12.43l1.422 1.408 6.697-6.762z' fill='%23003ecc'/%3e%3c/svg%3e");

  75.     mask-repeat: no-repeat;

  76.     mask-position: center center;

  77.     background-color: linktext;

  78.     background-image: none;

  79.   }

  80. }

  81. 

  82. .admin-item__description {

  83.   margin-block: 0.5em 0.25em;

  84.   margin-inline: 0;

  85.   color: var(--color-gray-800);

  86. }