consul/ui/packages/consul-ui/app/components/empty-state/layout.scss

50 lines
808 B
SCSS

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: MPL-2.0
*/
%empty-state,
%empty-state > div {
display: flex;
flex-direction: column;
}
%empty-state-header {
padding: 0;
margin: 0;
}
%empty-state {
margin-top: 0 !important;
padding-bottom: 2.8em;
}
%empty-state > * {
width: 370px;
margin: 0 auto;
}
%empty-state button {
margin: 0 auto;
display: inline;
}
%empty-state-header {
margin-bottom: -3px;
}
%empty-state header {
margin-top: 1.8em;
margin-bottom: 0.5em;
}
%empty-state > ul {
display: flex;
justify-content: space-between;
margin-top: 1em;
}
%empty-state-anchor {
display: inline-flex;
align-items: center;
}
%empty-state-anchor::before {
margin-top: -1px;
}
%empty-state > div:only-child {
padding: 50px 0 10px 0;
text-align: center;
}