vault/ui/app/styles/components/control-group.scss

44 lines
968 B
SCSS

@use '../utils/box-shadow_variables';
@use '../utils/color_variables';
@use '../utils/size_variables';
@use '../core/box.scss';
/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
.control-group,
.control-group-success {
@extend .box;
box-shadow:
box-shadow_variables.$box-shadow-middle,
0 0 1px color_variables.$grey-dark;
}
.control-group-success.is-editor {
background: color_variables.$grey-lightest;
}
.control-group a {
color: currentColor;
}
.control-group-header {
box-shadow: 0 0 1px currentColor;
padding: size_variables.$spacing-10 size_variables.$spacing-14;
background: color_variables.$grey-lightest;
color: color_variables.$grey-dark;
position: relative;
strong {
color: currentColor;
}
}
.control-group-header.is-success {
color: color_variables.$green-dark;
background: color_variables.$green-lightest;
}
.control-group .authorizations {
margin-top: size_variables.$spacing-10;
}