/**
 * Copyright (c) 2021 Aleksej Komarov
 * SPDX-License-Identifier: MIT
 */

@use "../base";
@use "./Divider";

$zebra-background-color: base.$color-bg-section !default;

.Stack--fill {
  height: 100%;
}

.Stack--horizontal > .Stack__item {
  margin-left: 0.5em;

  &:first-child {
    margin-left: 0;
  }
}

.Stack--vertical > .Stack__item {
  margin-top: 0.5em;

  &:first-child {
    margin-top: 0;
  }
}

.Stack--reverse > .Stack__item {
  margin-left: 0;
  margin-right: 0.5em;

  &:first-child {
    margin-right: 0;
  }
}

.Stack--reverse--vertical > .Stack__item {
  margin-top: 0;
  margin-bottom: 0.5em;

  &:first-child {
    margin-bottom: 0;
  }
}

.Stack--zebra > .Stack__item:nth-child(even) {
  background-color: $zebra-background-color;
}

.Stack--horizontal > .Stack__divider:not(.Stack__divider--hidden) {
  border-left: Divider.$thickness solid Divider.$color;
}

.Stack--vertical > .Stack__divider:not(.Stack__divider--hidden) {
  border-top: Divider.$thickness solid Divider.$color;
}