github.com/iqoqo/nomad@v0.11.3-0.20200911112621-d7021c74d101/ui/app/styles/components/node-status-light.scss (about) 1 $size: 1.6rem; 2 3 .node-status-light { 4 display: inline-flex; 5 height: $size; 6 width: $size; 7 border-radius: $size / 2; 8 vertical-align: middle; 9 align-items: center; 10 justify-content: center; 11 12 // Compensate for the padding within the SVG 13 // (between the circle paths and the viewBox) 14 margin-left: -1px; 15 margin-right: -1px; 16 17 &.ready { 18 color: $primary; 19 } 20 21 &.down { 22 color: $danger; 23 } 24 25 &.initializing { 26 color: $grey-light; 27 28 .blinking { 29 animation: node-status-light-initializing 0.7s infinite alternate ease-in-out; 30 } 31 } 32 33 &.ineligible, 34 &.draining { 35 color: $warning; 36 } 37 38 .icon { 39 width: $size; 40 height: $size; 41 } 42 } 43 44 @keyframes node-status-light-initializing { 45 0% { 46 opacity: 0.2; 47 } 48 49 100% { 50 opacity: 0.7; 51 } 52 }