github.com/hernad/nomad@v1.6.112/ui/app/styles/components/dashboard-metric.scss (about) 1 /** 2 * Copyright (c) HashiCorp, Inc. 3 * SPDX-License-Identifier: MPL-2.0 4 */ 5 6 .dashboard-metric { 7 &:not(:last-child) { 8 margin-bottom: 1.5em; 9 } 10 11 &.column:not(:last-child) { 12 margin-bottom: 0; 13 } 14 15 .metric { 16 text-align: left; 17 font-weight: $weight-bold; 18 font-size: $size-3; 19 20 &.justify { 21 display: flex; 22 flex-direction: column; 23 align-items: center; 24 } 25 26 .metric-units { 27 font-size: $size-4; 28 } 29 30 .metric-label { 31 font-size: $body-size; 32 font-weight: $weight-normal; 33 } 34 } 35 36 .graphic { 37 padding-bottom: 0; 38 margin-bottom: 0; 39 40 > .column { 41 padding: 0.5rem 0.75rem; 42 } 43 } 44 45 .annotation { 46 margin-top: -0.75rem; 47 } 48 49 &.with-divider { 50 border-top: 1px solid $grey-blue; 51 padding-top: 1.5em; 52 } 53 54 .pair, 55 .minor-pair { 56 white-space: nowrap; 57 max-width: 100%; 58 overflow: hidden; 59 text-overflow: ellipsis; 60 } 61 62 .pair { 63 font-size: $size-5; 64 } 65 66 .is-faded { 67 color: darken($grey-blue, 20%); 68 } 69 }