vault/ui/app/styles/components/empty-state-component.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

73 lines
1.3 KiB
SCSS

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
.empty-state {
align-items: center;
color: $grey;
background: $ui-gray-010;
display: flex;
justify-content: center;
padding: $spacing-48 $spacing-12;
box-shadow: 0 -2px 0 -1px $ui-gray-300;
}
.empty-state-transparent {
align-items: center;
color: $grey;
background: transparent;
display: flex;
justify-content: center;
padding: $spacing-48 0;
box-shadow: none;
}
.empty-state-content {
max-width: 320px;
}
.empty-state-title {
color: $grey;
font-size: $size-4;
font-weight: $font-weight-semibold;
line-height: 1.2;
margin-bottom: $spacing-8;
}
.empty-state-subTitle {
font-size: $size-7;
margin-top: -10px;
padding-bottom: $spacing-12;
}
.empty-state-message.has-border-bottom-light {
padding-bottom: $spacing-12;
}
.empty-state-actions {
margin-top: $spacing-8;
display: flex;
justify-content: space-between;
a,
.link,
a:not(.button):not(.file-delete-button):not(.tag) {
color: $blue;
font-size: $size-8;
font-weight: $font-weight-semibold;
text-decoration: none;
}
> * + * {
margin-left: $spacing-12;
margin-right: $spacing-12;
}
}
.empty-state-icon > .hs-icon,
.empty-state-icon > .flight-icon {
float: left;
margin-right: $spacing-8;
}