system-admin--panel.pcss.css

Same filename in this branch
  1. main core/themes/claro/css/components/system-admin--panel.pcss.css
  2. main core/themes/admin/css/components/system-admin--panel.pcss.css
Same filename and directory in other branches
  1. 10 core/themes/claro/css/components/system-admin--panel.pcss.css
  2. 11.x core/themes/claro/css/components/system-admin--panel.pcss.css
  3. 9 core/themes/claro/css/components/system-admin--panel.pcss.css
  4. 8.9.x core/themes/claro/css/components/system-admin--panel.pcss.css
  5. 11.x core/themes/admin/css/components/system-admin--panel.pcss.css
  6. 11.x core/themes/default_admin/css/components/system-admin--panel.pcss.css

System admin module: Panel styling.

File

core/themes/default_admin/css/components/system-admin--panel.pcss.css

View source
  1. /**
  2. * @file
  3. * System admin module: Panel styling.
  4. */
  5. .panel {
  6. margin-block: 1em 3em;
  7. border-block-end: calc(1em / 16) solid var(--admin-color-border);
  8. /* Override specificity from .gin-layer-wrapper in layers.css. */
  9. &[class] {
  10. padding: 0;
  11. }
  12. }
  13. .panel__title {
  14. margin: var(--admin-space-s);
  15. padding: var(--admin-space-m) var(--admin-space-l);
  16. color: var(--admin-color-primary-active);
  17. border-radius: var(--admin-radius-m);
  18. background: var(--admin-color-bg-header);
  19. font-size: var(--admin-font-size-l);
  20. font-weight: var(--admin-font-weight-bold);
  21. line-height: calc(24em / 18);
  22. }
  23. .panel__description {
  24. padding-block: 1em;
  25. padding-inline: 1.5em;
  26. }
  27. .panel__content {
  28. padding: 0;
  29. }

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