open-nomad/ui/app/styles/components/inline-definitions.scss
2023-04-10 15:36:59 +00:00

60 lines
949 B
SCSS

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: MPL-2.0
*/
.inline-definitions {
.label {
text-transform: uppercase;
display: inline-block;
color: darken($grey-blue, 20%);
margin-right: 2rem;
margin-bottom: 0;
font-size: inherit;
font-weight: $weight-semibold;
}
&.is-faded {
color: darken($grey-blue, 20%);
}
.pair {
margin-right: 2em;
white-space: nowrap;
&.is-wrappable {
white-space: normal;
display: block;
.tag {
vertical-align: middle;
}
}
.term {
font-weight: $weight-semibold;
margin-right: 0.5em;
}
&.is-faded {
color: darken($grey-blue, 20%);
}
.has-emphasis {
color: $text;
font-weight: $weight-semibold;
}
}
.icon-field {
display: flex;
margin-left: -1em;
.icon-container {
width: 1.5em;
}
}
&.is-small {
font-size: $size-7;
}
}