open-nomad/ui/app/styles/components/inline-definitions.scss
Phil Renaud e771b94164
[ui] Makes service tags wrap and look like tag items (#14834)
* Makes service tags wrap and look like tag items

* Add a little vertical spacing and changelog

* Put client before tags

* Force tags list to new line
2022-10-07 09:23:52 -04:00

55 lines
871 B
SCSS

.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;
}
}