@import "./lib/flag-icons";
@import "./lib/bootstrap";
@import "./lib/bootstrap-icons";
@import "./lib/weather-icons/weather-icons";

@import "./widget.scss";
@import "./weather.scss";

.table.table-compact {
  td {
    padding: 0.1rem 0.4rem;
  }
}

.icon-header {
  @include font-size($h4-font-size);
}

.app-header {
  display: flex;
  flex-direction: row;

  > .link-list {
    display: flex;
    flex-direction: row;
    gap: 1rem;

    app-link {
      display: flex;
      align-items: center;

      &:not(:last-child)::after {
        margin-left: 1rem;
        content: "|";
      }
    }
  }
}

@import "./mobile";
