github.com/hernad/nomad@v1.6.112/ui/app/styles/components/fs-explorer.scss (about) 1 /** 2 * Copyright (c) HashiCorp, Inc. 3 * SPDX-License-Identifier: MPL-2.0 4 */ 5 6 .fs-explorer { 7 width: 100%; 8 9 .table.boxed-section-body.is-full-bleed { 10 border: 1px solid $grey-blue; 11 } 12 13 tbody { 14 a { 15 text-decoration: none; 16 color: inherit; 17 18 &:hover { 19 .name { 20 text-decoration: underline; 21 } 22 } 23 } 24 } 25 26 .breadcrumb a, 27 tbody a { 28 position: relative; 29 30 // This is adapted from Bulma’s .button.is-loading::after 31 &.ember-transitioning-in::after { 32 animation: spinAround 500ms infinite linear; 33 border: 2px solid $grey-light; 34 border-radius: 290486px; 35 border-right-color: transparent; 36 border-top-color: transparent; 37 content: ''; 38 display: block; 39 height: 1em; 40 width: 1em; 41 position: absolute; 42 right: -1.5em; 43 top: calc(50% - (1em / 2)); 44 } 45 } 46 47 .breadcrumb { 48 margin: 0; 49 50 li::before { 51 color: $grey-light; 52 } 53 54 a { 55 padding-top: 0; 56 padding-bottom: 0; 57 color: $blue; 58 opacity: 1; 59 font-weight: $weight-bold; 60 text-decoration: none; 61 62 &:hover { 63 text-decoration: underline; 64 } 65 66 &.ember-transitioning-in { 67 margin-right: 1.5em; 68 69 &::after { 70 right: -1em; 71 } 72 } 73 } 74 75 .is-active a { 76 color: $black; 77 } 78 } 79 }