open-nomad/ui/app/styles/components/authorization.scss

/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */

.authorization-page {
  .sign-in-methods {
    h3,
    p {
      margin-bottom: 1.5rem;
    }

    .sso-auth-methods {
      display: flex;
      flex-flow: wrap;
      gap: 0.5rem;
    }
  }

  .status-notifications {
    &.is-half {
      width: 50%;
    }
    margin-bottom: 1.5rem;
  }

  .or-divider {
    display: block;
    width: 100%;
    text-align: center;
    margin: 2rem 0;
    height: 2rem;

    &:before {
      border-bottom: 1px solid $ui-gray-200;
      position: relative;
      top: 50%;
      content: '';
      display: block;
      width: 100%;
      height: 0px;
    }

    span {
      color: $ui-gray-700;
      background-color: white;
      padding: 0 1rem;
      text-transform: uppercase;
      position: relative;
      height: 100%;
      align-content: center;
      display: inline-grid;
    }
  }

  .control.with-jwt-selector {
    display: flex;
    gap: 0.5rem;
  }
}