vault/ui/app/styles/components/env-banner.scss

36 lines
722 B
SCSS

@use '../utils/color_variables';
@use '../utils/size_variables';
/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
.env-banner {
font-size: 0.8rem;
border-radius: 3rem;
background: linear-gradient(
135deg,
color_variables.$blue,
hsl(271, 100%, 71%)
); // only use case for purple in the app. define here instead of utils/color_var
animation: env-banner-color-rotate 8s infinite linear alternate;
color: color_variables.$white;
.hs-icon {
margin: 0;
}
.notification {
background-color: transparent;
line-height: 2;
padding: 0 size_variables.$spacing-12;
}
}
@keyframes env-banner-color-rotate {
100% {
filter: hue-rotate(105deg);
}
}