mirror of
https://github.com/hashicorp/vault.git
synced 2025-11-12 14:21:10 +01:00
* 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
73 lines
1.3 KiB
SCSS
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;
|
|
}
|