build-info.component.scss

/**
 * Copyright (C) 2022 Das Land Schleswig-Holstein vertreten durch den
 * Ministerpräsidenten des Landes Schleswig-Holstein
 * Staatskanzlei
 * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung
 *
 * Lizenziert unter der EUPL, Version 1.2 oder - sobald
 * diese von der Europäischen Kommission genehmigt wurden -
 * Folgeversionen der EUPL ("Lizenz");
 * Sie dürfen dieses Werk ausschließlich gemäß
 * dieser Lizenz nutzen.
 * Eine Kopie der Lizenz finden Sie hier:
 *
 * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
 *
 * Sofern nicht durch anwendbare Rechtsvorschriften
 * gefordert oder in schriftlicher Form vereinbart, wird
 * die unter der Lizenz verbreitete Software "so wie sie
 * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN -
 * ausdrücklich oder stillschweigend - verbreitet.
 * Die sprachspezifischen Genehmigungen und Beschränkungen
 * unter der Lizenz sind dem Lizenztext zu entnehmen.
 */
@import 'variables';

:host {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100vh;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 4px 8px;
  transform: rotate(-90deg) translate(100%, 0);
  transform-origin: right bottom;
}

p {
  margin: 0;
  line-height: 1;
  white-space: nowrap;
  font-style: normal;
  font-weight: 400;
  font-size: 0.6875rem;
  color: theme('colors.text/70');

  &.version {
    span {
      display: inline-block;
      margin-right: 8px;
    }
  }
}

.test-environment {
  margin-right: $navigation-height + $header-height;
  letter-spacing: 0.42em;
  text-transform: uppercase;
  color: theme('colors.error');
}