system-admin--panel.pcss.css

System admin module: Panel styling.

File

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

View source 
  1. /**

  2.  * @file

  3.  * System admin module: Panel styling.

  4.  */

  5. 

  6. .panel {

  7.   margin-block: 1em 3em;

  8.   padding: 0;

  9.   border-block-end: calc(1em / 16) solid var(--color-gray-200);

  10. }

  11. .panel__title {

  12.   margin: 0;

  13.   padding-block: calc(12em / 18);

  14.   padding-inline: calc(24em / 18);

  15.   background: var(--color-gray-050);

  16.   font-size: calc(18em / 16);

  17.   line-height: calc(24em / 18);

  18. }

  19. .panel__content,

  20. .panel__description {

  21.   padding-block: 1em;

  22.   padding-inline: 1.5em;

  23. }