vault/ui/app/styles/components/list-item-row.scss
claire bontempo f18a0643d3
UI: Cleanup scss color variables (#31386)
* 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
2025-07-29 13:13:08 -07:00

70 lines
1.6 KiB
SCSS

@use '../utils/box-shadow_variables';
@use '../utils/font_variables';
@use '../utils/size_variables';
@use '../core/box.scss';
@use '../helper-classes/general.scss';
@use '../helper-classes/spacing.scss';
/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
.list-item-row {
@extend .box;
@extend .is-sideless;
@extend .is-marginless;
padding-left: 0;
padding-right: 0;
.ember-basic-dropdown-trigger {
display: inline-block;
}
.center-inside-row {
width: 50%;
margin-left: auto;
font-size: size_variables.$size-8;
font-weight: font_variables.$font-weight-semibold;
color: var(--token-color-palette-neutral-400);
}
.center-display {
width: 50%;
margin-left: auto;
margin-right: auto;
}
&.is-disabled {
opacity: 0.5;
}
}
a.list-item-row,
.linked-block.list-item-row {
transition:
box-shadow size_variables.$speed,
margin size_variables.$speed,
padding size_variables.$speed;
will-change: box-shadow, margin, padding;
&:hover,
&:focus,
&:active {
margin-left: #{-(size_variables.$spacing-10)} !important;
margin-right: #{-(size_variables.$spacing-10)} !important;
padding-left: size_variables.$spacing-10;
padding-right: size_variables.$spacing-10;
position: relative;
box-shadow:
0 2px 0 -1px var(--token-color-palette-neutral-300),
0 -2px 0 -1px var(--token-color-palette-neutral-300),
box-shadow_variables.$box-link-hover-shadow,
box-shadow_variables.$box-shadow-middle;
}
&.no-destination {
cursor: default;
}
}