@import '../constants/dimensions'; @import '../constants/colors'; .key-value-editor { padding: @padding-md 0; li { .key-value-editor__label { padding: 0 @padding-md; opacity: 0.5; font-size: @font-size-sm; } .key-value-editor__row { display: grid; grid-template-columns: 0.5fr 0.5fr auto; grid-template-rows: auto; & > * { padding: 0 @padding-sm; &:first-child { padding-left: @padding-md; } &:last-child { padding-right: @padding-md; } } & > button { color: @hl; &:hover { color: inherit; } } } } }