calcite-shell-center-row.scss

:host {
  @extend %component-host;
  @apply flex
    flex-auto
    overflow-hidden
    bg-transparent;
}

.content {
  @apply flex
    h-full
    m-0
    overflow-hidden
    w-full;
  flex: 1 0 0;
}

.action-bar-container {
  @apply flex;
}

:host([detached]) {
  @apply border-0
  rounded
  shadow-0
  mt-2 mb-6 mx-2
  animate-in-up;
}

:host([position="end"]) {
  @apply self-end;
}

:host([position="start"]) {
  @apply self-start;
}

:host([height-scale="s"]) {
  height: theme("width.1/3");
}

:host([height-scale="m"]) {
  height: 70%;
}

:host([height-scale="l"]) {
  @apply h-full;
}

:host([height-scale="l"][detached]) {
  height: calc(theme("height.full") - theme("spacing.8"));
}

::slotted(calcite-panel) {
  @apply w-full h-full;
}

::slotted(calcite-action-bar) {
  @apply border-solid border-color-3;
  border-inline-end-width: theme("borderWidth.DEFAULT");
}
::slotted(calcite-action-bar[position="end"]) {
  @apply border-solid border-color-3;
  border-inline-width: theme("borderWidth.0") theme("borderWidth.DEFAULT");
}