edit_form.css

Same filename and directory in other branches
  1. main core/themes/admin/migration/css/components/edit_form.css
@media (min-width: 64em) {
  .gin--edit-form {
    padding-inline-end: var(--gin-sidebar-offset);
  }
}

@media (min-width: 64em) and (prefers-reduced-motion: no-preference) {
  .gin--edit-form .dialog-off-canvas-main-canvas {
    transition: padding-inline-start var(--gin-transition-fast);
  }
}

@media (min-width: 64em) {
  .gin--edit-form.js-off-canvas-dialog-open {
    padding-inline-end: 0;
  }

  .gin--edit-form.js-off-canvas-dialog-open .layout-region.layout-region--secondary {
    visibility: hidden;
    opacity: 0;
  }
}

.gin--edit-form .tabs [data-drupal-link-system-path*="/delete"] {
  display: none;
}

.gin--edit-form .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .contextual-toolbar-tab {
  display: none;
}

.gin--edit-form .layout-node-form {
  display: block;
  overflow: inherit;
}

.gin--edit-form .layout-region--main,
.gin--edit-form .layout-region--secondary .layout-region-node-footer {
  float: none;
}

.gin--edit-form .layout-region--main,
.gin--edit-form .layout-region-node-footer {
  width: 100%;
  padding-inline-end: 0;
}

@media (min-width: 64em) {
  .gin--edit-form .layout-region--main,
  .gin--edit-form .layout-region-node-footer {
    flex-basis: 40%;
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
  }
}

@media (max-width: 63.99em) {
  .gin--edit-form .page-wrapper__node-edit-form .region-sticky #edit-actions {
    width: 100%;
  }

  .gin--edit-form .page-wrapper__node-edit-form .region-sticky #edit-gin-actions {
    flex-grow: 1;
  }
}

@media (min-width: 108.125em) {
  .gin--edit-form .page-wrapper__node-edit-form .block-page-title-block {
    width: 100%;
  }
}

@media (min-width: 64em) {
  .gin--edit-form .page-wrapper__node-edit-form .block-page-title-block .page-title {
    overflow: hidden;
    width: auto;
    margin: 0;
  }
}

.gin--edit-form .page-wrapper__node-edit-form .block-local-tasks-block,
.gin--edit-form .page-wrapper__node-edit-form .block-system-main-block,
.gin--edit-form .page-wrapper__node-edit-form .messages-list,
.gin--edit-form .page-wrapper__node-edit-form .node-form,
.gin--edit-form .page-wrapper__node-edit-form .node-confirm-form,
.gin--edit-form .page-wrapper__node-edit-form .admin-list,
.gin--edit-form .page-wrapper__node-edit-form .help {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary {
  position: fixed;
  z-index: 103;
  overflow-x: hidden;
  overflow-y: auto;
  width: var(--gin-sidebar-width);
  min-width: var(--gin-sidebar-min-width);
  max-width: var(--gin-sidebar-max-width);
  height: calc(100% - var(--gin-toolbar-y-offset));
  margin: 0;
  border-inline-start: 1px solid var(--gin-border-color-layer);
  background: var(--gin-bg-layer);
  inset-block-start: var(--gin-toolbar-y-offset);
  inset-inline-end: 0;
  -webkit-overflow-scrolling: touch;
}

@media (prefers-reduced-motion: no-preference) {
  .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary {
    transition: all var(--gin-transition-fast);
  }
}

.gin--dark-mode .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary {
  box-shadow: 0 0 4px rgb(0, 0, 0, 0.1);
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .gin-sidebar .form-actions {
  margin: 0;
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .gin-sidebar .form-actions .action-link {
  margin-block-start: var(--gin-spacing-xs);
  margin-block-end: 0;
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .field--name-revision-log,
.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .field--name-revision-log-message {
  margin-block-start: var(--gin-spacing-s);
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .accordion {
  border: 0 none;
  background: none;
  box-shadow: none;
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__header {
  padding: var(--gin-spacing-m) 1.5rem;
  color: var(--gin-color-text);
  border: 0 none;
  background-color: var(--gin-bg-layer);
}

@media (max-width: 60.99em) {
  .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__header {
    padding-block-start: calc(var(--gin-spacing-l) - var(--gin-spacing-xxs));
    padding-inline-end: var(--gin-spacing-l);
  }
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__header .form-type--item,
.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__header .form-item__label {
  font-size: var(--gin-font-size-s);
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__header .form-item {
  margin-block: var(--gin-spacing-xxs);
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__title {
  color: var(--gin-color-title);
  text-shadow: none;
  font-weight: var(--gin-font-weight-semibold);
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__revision {
  margin-block-start: var(--gin-spacing-m);
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__last-saved,
.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__author {
  margin-block: var(--gin-spacing-xxs);
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__last-saved,
.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__last-saved .form-item__label,
.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__author,
.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__author .form-item__label {
  font-size: var(--gin-font-size-s);
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion > .accordion__item,
.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item {
  border-radius: 0;
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item {
  margin: 0;
  border: 0 none;
  border-block-end: 1px solid var(--gin-border-color-layer);
  border-radius: 0;
}

.gin--dark-mode .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item {
  border-color: var(--gin-border-color);
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item > .gin-details__summary {
  display: block;
  padding-inline-start: 3rem;
  font-size: var(--gin-font-size-s);
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item > .gin-details__summary .details-title {
  position: static;
  padding-inline-start: 0;
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item > .gin-details__summary::before {
  inset-block-start: var(--gin-spacing-xl);
  inset-inline-start: 1.5rem;
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item > .gin-details__summary:focus::after {
  border-radius: 6px;
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .gin-details__content {
  margin-inline: 1.5rem;
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .gin-details__content .gin-details__wrapper {
  margin: var(--gin-spacing-l);
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .redirect-table__path {
  width: 47%;
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-type--entity-autocomplete .gin-autocomplete {
  width: 100%;
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-datetime-wrapper .form-items-inline {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 26.25em) {
  .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-datetime-wrapper .form-items-inline {
    flex-wrap: nowrap;
  }
}

@media (min-width: 64em) and (max-width: 79.99em) {
  .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-datetime-wrapper .form-items-inline {
    flex-wrap: wrap;
  }
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-datetime-wrapper .form-type--date {
  display: block;
  flex-basis: 100%;
  flex-grow: 1;
}

@media (min-width: 26.25em) {
  .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-datetime-wrapper .form-type--date {
    flex-basis: 50%;
  }
}

@media (min-width: 64em) and (max-width: 79.99em) {
  .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-datetime-wrapper .form-type--date {
    flex-basis: 100%;
  }
}

@media (min-width: 26.25em) {
  .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-datetime-wrapper .form-type--date:first-of-type {
    margin-inline-end: var(--gin-spacing-xs);
  }
}

@media (min-width: 64em) and (max-width: 79.99em) {
  .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-datetime-wrapper .form-type--date:first-of-type {
    margin-inline-end: 0;
  }
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-datetime-wrapper .form-type--date:nth-of-type(2) {
  flex-basis: 134px;
}

.gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-datetime-wrapper .form-type--date .form-element {
  width: 100%;
  min-width: 0;
}

.gin--edit-form .revision-current {
  background-color: var(--gin-color-primary-light-active);
}

.gin--edit-form .field--name-title .form-element {
  width: 100%;
  letter-spacing: -0.025em;
  font-size: var(--gin-font-size-h3);
  font-weight: 475;
  line-height: normal;
  padding-block: var(--gin-spacing-s);
}

File

core/themes/admin/migration/css/components/edit_form.css

View source
  1. @media (min-width: 64em) {
  2. .gin--edit-form {
  3. padding-inline-end: var(--gin-sidebar-offset);
  4. }
  5. }
  6. @media (min-width: 64em) and (prefers-reduced-motion: no-preference) {
  7. .gin--edit-form .dialog-off-canvas-main-canvas {
  8. transition: padding-inline-start var(--gin-transition-fast);
  9. }
  10. }
  11. @media (min-width: 64em) {
  12. .gin--edit-form.js-off-canvas-dialog-open {
  13. padding-inline-end: 0;
  14. }
  15. .gin--edit-form.js-off-canvas-dialog-open .layout-region.layout-region--secondary {
  16. visibility: hidden;
  17. opacity: 0;
  18. }
  19. }
  20. .gin--edit-form .tabs [data-drupal-link-system-path*="/delete"] {
  21. display: none;
  22. }
  23. .gin--edit-form .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .contextual-toolbar-tab {
  24. display: none;
  25. }
  26. .gin--edit-form .layout-node-form {
  27. display: block;
  28. overflow: inherit;
  29. }
  30. .gin--edit-form .layout-region--main,
  31. .gin--edit-form .layout-region--secondary .layout-region-node-footer {
  32. float: none;
  33. }
  34. .gin--edit-form .layout-region--main,
  35. .gin--edit-form .layout-region-node-footer {
  36. width: 100%;
  37. padding-inline-end: 0;
  38. }
  39. @media (min-width: 64em) {
  40. .gin--edit-form .layout-region--main,
  41. .gin--edit-form .layout-region-node-footer {
  42. flex-basis: 40%;
  43. flex-grow: 1;
  44. flex-shrink: 1;
  45. min-width: 0;
  46. }
  47. }
  48. @media (max-width: 63.99em) {
  49. .gin--edit-form .page-wrapper__node-edit-form .region-sticky #edit-actions {
  50. width: 100%;
  51. }
  52. .gin--edit-form .page-wrapper__node-edit-form .region-sticky #edit-gin-actions {
  53. flex-grow: 1;
  54. }
  55. }
  56. @media (min-width: 108.125em) {
  57. .gin--edit-form .page-wrapper__node-edit-form .block-page-title-block {
  58. width: 100%;
  59. }
  60. }
  61. @media (min-width: 64em) {
  62. .gin--edit-form .page-wrapper__node-edit-form .block-page-title-block .page-title {
  63. overflow: hidden;
  64. width: auto;
  65. margin: 0;
  66. }
  67. }
  68. .gin--edit-form .page-wrapper__node-edit-form .block-local-tasks-block,
  69. .gin--edit-form .page-wrapper__node-edit-form .block-system-main-block,
  70. .gin--edit-form .page-wrapper__node-edit-form .messages-list,
  71. .gin--edit-form .page-wrapper__node-edit-form .node-form,
  72. .gin--edit-form .page-wrapper__node-edit-form .node-confirm-form,
  73. .gin--edit-form .page-wrapper__node-edit-form .admin-list,
  74. .gin--edit-form .page-wrapper__node-edit-form .help {
  75. box-sizing: border-box;
  76. width: 100%;
  77. max-width: 1280px;
  78. margin-inline: auto;
  79. }
  80. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary {
  81. position: fixed;
  82. z-index: 103;
  83. overflow-x: hidden;
  84. overflow-y: auto;
  85. width: var(--gin-sidebar-width);
  86. min-width: var(--gin-sidebar-min-width);
  87. max-width: var(--gin-sidebar-max-width);
  88. height: calc(100% - var(--gin-toolbar-y-offset));
  89. margin: 0;
  90. border-inline-start: 1px solid var(--gin-border-color-layer);
  91. background: var(--gin-bg-layer);
  92. inset-block-start: var(--gin-toolbar-y-offset);
  93. inset-inline-end: 0;
  94. -webkit-overflow-scrolling: touch;
  95. }
  96. @media (prefers-reduced-motion: no-preference) {
  97. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary {
  98. transition: all var(--gin-transition-fast);
  99. }
  100. }
  101. .gin--dark-mode .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary {
  102. box-shadow: 0 0 4px rgb(0, 0, 0, 0.1);
  103. }
  104. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .gin-sidebar .form-actions {
  105. margin: 0;
  106. }
  107. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .gin-sidebar .form-actions .action-link {
  108. margin-block-start: var(--gin-spacing-xs);
  109. margin-block-end: 0;
  110. }
  111. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .field--name-revision-log,
  112. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .field--name-revision-log-message {
  113. margin-block-start: var(--gin-spacing-s);
  114. }
  115. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .accordion {
  116. border: 0 none;
  117. background: none;
  118. box-shadow: none;
  119. }
  120. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__header {
  121. padding: var(--gin-spacing-m) 1.5rem;
  122. color: var(--gin-color-text);
  123. border: 0 none;
  124. background-color: var(--gin-bg-layer);
  125. }
  126. @media (max-width: 60.99em) {
  127. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__header {
  128. padding-block-start: calc(var(--gin-spacing-l) - var(--gin-spacing-xxs));
  129. padding-inline-end: var(--gin-spacing-l);
  130. }
  131. }
  132. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__header .form-type--item,
  133. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__header .form-item__label {
  134. font-size: var(--gin-font-size-s);
  135. }
  136. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__header .form-item {
  137. margin-block: var(--gin-spacing-xxs);
  138. }
  139. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__title {
  140. color: var(--gin-color-title);
  141. text-shadow: none;
  142. font-weight: var(--gin-font-weight-semibold);
  143. }
  144. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__revision {
  145. margin-block-start: var(--gin-spacing-m);
  146. }
  147. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__last-saved,
  148. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__author {
  149. margin-block: var(--gin-spacing-xxs);
  150. }
  151. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__last-saved,
  152. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__last-saved .form-item__label,
  153. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__author,
  154. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta__author .form-item__label {
  155. font-size: var(--gin-font-size-s);
  156. }
  157. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion > .accordion__item,
  158. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item {
  159. border-radius: 0;
  160. }
  161. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item {
  162. margin: 0;
  163. border: 0 none;
  164. border-block-end: 1px solid var(--gin-border-color-layer);
  165. border-radius: 0;
  166. }
  167. .gin--dark-mode .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item {
  168. border-color: var(--gin-border-color);
  169. }
  170. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item > .gin-details__summary {
  171. display: block;
  172. padding-inline-start: 3rem;
  173. font-size: var(--gin-font-size-s);
  174. }
  175. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item > .gin-details__summary .details-title {
  176. position: static;
  177. padding-inline-start: 0;
  178. }
  179. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item > .gin-details__summary::before {
  180. inset-block-start: var(--gin-spacing-xl);
  181. inset-inline-start: 1.5rem;
  182. }
  183. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item > .gin-details__summary:focus::after {
  184. border-radius: 6px;
  185. }
  186. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .gin-details__content {
  187. margin-inline: 1.5rem;
  188. }
  189. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .gin-details__content .gin-details__wrapper {
  190. margin: var(--gin-spacing-l);
  191. }
  192. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .redirect-table__path {
  193. width: 47%;
  194. }
  195. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-type--entity-autocomplete .gin-autocomplete {
  196. width: 100%;
  197. }
  198. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-datetime-wrapper .form-items-inline {
  199. display: flex;
  200. flex-wrap: wrap;
  201. }
  202. @media (min-width: 26.25em) {
  203. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-datetime-wrapper .form-items-inline {
  204. flex-wrap: nowrap;
  205. }
  206. }
  207. @media (min-width: 64em) and (max-width: 79.99em) {
  208. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-datetime-wrapper .form-items-inline {
  209. flex-wrap: wrap;
  210. }
  211. }
  212. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-datetime-wrapper .form-type--date {
  213. display: block;
  214. flex-basis: 100%;
  215. flex-grow: 1;
  216. }
  217. @media (min-width: 26.25em) {
  218. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-datetime-wrapper .form-type--date {
  219. flex-basis: 50%;
  220. }
  221. }
  222. @media (min-width: 64em) and (max-width: 79.99em) {
  223. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-datetime-wrapper .form-type--date {
  224. flex-basis: 100%;
  225. }
  226. }
  227. @media (min-width: 26.25em) {
  228. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-datetime-wrapper .form-type--date:first-of-type {
  229. margin-inline-end: var(--gin-spacing-xs);
  230. }
  231. }
  232. @media (min-width: 64em) and (max-width: 79.99em) {
  233. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-datetime-wrapper .form-type--date:first-of-type {
  234. margin-inline-end: 0;
  235. }
  236. }
  237. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-datetime-wrapper .form-type--date:nth-of-type(2) {
  238. flex-basis: 134px;
  239. }
  240. .gin--edit-form .page-wrapper__node-edit-form .layout-region--secondary .entity-meta > .accordion__item .form-datetime-wrapper .form-type--date .form-element {
  241. width: 100%;
  242. min-width: 0;
  243. }
  244. .gin--edit-form .revision-current {
  245. background-color: var(--gin-color-primary-light-active);
  246. }
  247. .gin--edit-form .field--name-title .form-element {
  248. width: 100%;
  249. letter-spacing: -0.025em;
  250. font-size: var(--gin-font-size-h3);
  251. font-weight: 475;
  252. line-height: normal;
  253. padding-block: var(--gin-spacing-s);
  254. }

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