vault/ui/app/styles/components/list-item-row.scss
claire bontempo 7f03393630
UI: Increase base font size (#23994)
* fix button padding

* rename spacing variables using numerical values

* fix toggle aligment

* remove unused toggle classes

* replace margin and padding with spacing vars

* increase base font size

* remove switch css, use toggle consistently

* remaining margin/padding size vars to spacing pixels

* add deprecated note, rever changes to size vars

* decrease console size

* remove function

* adjust card size for small selectable cards

* fix select to fit to content width

* fix toolbar-scroller height

* add changelog;

* fix checkbox styling
2023-11-13 21:29:39 +00:00

57 lines
1.1 KiB
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-8;
font-weight: $font-weight-semibold;
color: $ui-gray-500;
}
.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 $speed, margin $speed, padding $speed;
will-change: box-shadow, margin, padding;
&:hover,
&:focus,
&:active {
margin-left: #{-$spacing-10} !important;
margin-right: #{-$spacing-10} !important;
padding-left: $spacing-10;
padding-right: $spacing-10;
position: relative;
box-shadow: 0 2px 0 -1px $grey-light, 0 -2px 0 -1px $grey-light, $box-link-hover-shadow,
$box-shadow-middle;
}
&.no-destination {
cursor: default;
}
}