2016-05-01 19:56:30 +00:00
|
|
|
@import '../constants/dimensions';
|
|
|
|
@import '../constants/colors';
|
|
|
|
|
|
|
|
.key-value-editor {
|
2016-08-29 17:58:59 +00:00
|
|
|
padding: @padding-md 0;
|
2016-05-01 20:46:11 +00:00
|
|
|
|
2016-05-01 19:56:30 +00:00
|
|
|
li {
|
|
|
|
|
2016-07-20 23:16:28 +00:00
|
|
|
.key-value-editor__label {
|
2016-08-29 17:58:59 +00:00
|
|
|
padding: 0 @padding-md;
|
2016-07-20 23:16:28 +00:00
|
|
|
opacity: 0.5;
|
2016-08-29 17:58:59 +00:00
|
|
|
font-size: @font-size-sm;
|
2016-07-20 23:16:28 +00:00
|
|
|
}
|
2016-05-01 20:46:11 +00:00
|
|
|
|
2016-07-20 23:16:28 +00:00
|
|
|
.key-value-editor__row {
|
|
|
|
display: grid;
|
|
|
|
grid-template-columns: 0.5fr 0.5fr auto;
|
|
|
|
grid-template-rows: auto;
|
|
|
|
|
|
|
|
& > * {
|
2016-08-29 17:58:59 +00:00
|
|
|
padding: 0 @padding-sm;
|
2016-05-01 19:56:30 +00:00
|
|
|
|
2016-07-20 23:16:28 +00:00
|
|
|
&:first-child {
|
2016-08-29 17:58:59 +00:00
|
|
|
padding-left: @padding-md;
|
2016-07-20 23:16:28 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
&:last-child {
|
2016-08-29 17:58:59 +00:00
|
|
|
padding-right: @padding-md;
|
2016-07-20 23:16:28 +00:00
|
|
|
}
|
2016-05-01 19:56:30 +00:00
|
|
|
}
|
|
|
|
|
2016-07-20 23:16:28 +00:00
|
|
|
& > button {
|
2016-08-29 17:58:59 +00:00
|
|
|
color: @hl;
|
2016-05-01 19:56:30 +00:00
|
|
|
|
2016-07-20 23:16:28 +00:00
|
|
|
&:hover {
|
|
|
|
color: inherit;
|
|
|
|
}
|
2016-05-01 19:56:30 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|