mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-06 22:57:02 +02:00
f18a0643d3
* update greys to use hds tokens * update blue vars * remove unused color vars * replace remaining colors, add hex codes in commnets * update kv rgp color * remove color_variables file and use hds tokens directly
81 lines
2.2 KiB
SCSS
81 lines
2.2 KiB
SCSS
@use '../utils/mixins';
|
|
@use '../utils/size_variables';
|
|
|
|
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
.tool-tip {
|
|
font-size: size_variables.$size-7;
|
|
text-transform: none;
|
|
margin: 8px 0px 0 -4px;
|
|
border: none;
|
|
border-radius: size_variables.$radius-large;
|
|
|
|
.box {
|
|
position: relative;
|
|
color: hsl(0, 0%, 100%);
|
|
max-width: 200px;
|
|
background: hsl(0, 0%, 4%);
|
|
padding: 0.5rem;
|
|
line-height: 1.4;
|
|
border-radius: size_variables.$radius-large;
|
|
}
|
|
|
|
.fit-content {
|
|
max-width: fit-content;
|
|
}
|
|
|
|
@include mixins.css-top-arrow(8px, hsl(0, 0%, 4%), 1px, hsl(0, 0%, 4%), 20px);
|
|
&.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-in {
|
|
animation: drop-fade-above 0.15s;
|
|
}
|
|
&.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-out {
|
|
animation: drop-fade-above 0.15s reverse;
|
|
}
|
|
&.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-in {
|
|
animation: drop-fade-below 0.15s;
|
|
}
|
|
&.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-out {
|
|
animation: drop-fade-below 0.15s reverse;
|
|
}
|
|
&.smaller-font {
|
|
font-size: size_variables.$size-8;
|
|
}
|
|
}
|
|
|
|
.ember-basic-dropdown-content--left.tool-tip {
|
|
margin: 8px 0 0 -2px;
|
|
|
|
&::before,
|
|
&::after {
|
|
right: auto;
|
|
left: size_variables.$spacing-12;
|
|
}
|
|
}
|
|
.ember-basic-dropdown-content--right.tool-tip {
|
|
margin: 8px -11px;
|
|
}
|
|
|
|
.ember-basic-dropdown-content--below.ember-basic-dropdown-content--left.tool-tip {
|
|
@include mixins.css-top-arrow(8px, hsl(0, 0%, 4%), 1px, hsl(0, 0%, 4%), calc(100% - 20px));
|
|
}
|
|
.ember-basic-dropdown-content--below.ember-basic-dropdown-content--right.tool-tip {
|
|
@include mixins.css-top-arrow(8px, hsl(0, 0%, 4%), 1px, hsl(0, 0%, 4%), calc(100% - 20px));
|
|
}
|
|
.ember-basic-dropdown-content--above.tool-tip {
|
|
@include mixins.css-bottom-arrow(8px, hsl(0, 0%, 4%), 1px, hsl(0, 0%, 4%));
|
|
& {
|
|
margin-top: -8px;
|
|
}
|
|
}
|
|
.ember-basic-dropdown-content--above.ember-basic-dropdown-content--right.tool-tip {
|
|
@include mixins.css-bottom-arrow(8px, hsl(0, 0%, 4%), 1px, hsl(0, 0%, 4%), calc(100% - 20px));
|
|
}
|
|
|
|
.b-checkbox .tool-tip-trigger {
|
|
position: relative;
|
|
top: -3px;
|
|
}
|