1// Copyright (C) 2023 The Android Open Source Project 2// 3// Licensed under the Apache License, Version 2.0 (the "License"); 4// you may not use this file except in compliance with the License. 5// You may obtain a copy of the License at 6// 7// http://www.apache.org/licenses/LICENSE-2.0 8// 9// Unless required by applicable law or agreed to in writing, software 10// distributed under the License is distributed on an "AS IS" BASIS, 11// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12// See the License for the specific language governing permissions and 13// limitations under the License. 14 15@import "theme"; 16 17.pf-empty-state { 18 display: flex; 19 flex-direction: column; 20 align-items: center; 21 padding: 10px; 22 user-select: none; 23 color: $pf-minimal-foreground; 24 margin: auto; 25 justify-content: center; 26 27 & > i { 28 font-size: 5em; // Size of the icon is relative to the font size. 29 margin-bottom: 8px; 30 } 31 32 // Limit width to the size of the container and use no wrap & elipsis to 33 // stop the size getting out of control. 34 max-width: 100%; 35 overflow: hidden; 36 text-overflow: ellipsis; 37 white-space: nowrap; 38 39 .pf-empty-state-title { 40 text-align: center; 41 font-weight: bolder; 42 margin-bottom: 2px; 43 } 44 45 .pf-empty-state-content { 46 text-align: center; 47 font-size: smaller; 48 } 49} 50