insomnia/app/ui/css/components/keyvalueeditor.less

42 lines
685 B
Plaintext
Raw Normal View History

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