insomnia/app/ui/css/components/keyvalueeditor.less
Gregory Schier bb57f360e0 Environment Tags and Such (#90)
* Sort of working nunjucks editor

* Some more tweaks

* Lots of stuff

* Gettingn pretty good

* Minor tweaks and test fixes

* Minor bug fixes and stuff

* Some fixes and perf

* Refactoring

* Good for now

* Codemirror URL

* More and more fixes and improvements

* Code single-line CSS perfect!!!

* Better nj editing

* Show preview in nj edit

* Some editor updates

* All inputs now covered

* A bunch of fixes and stuff

* Don't cache node modules because it's not needed

* More stuff

* Tweak

* Style tweaks

* Pull nunjucks mode into own file

* Move codemirror click overlay to own file

* Pull nunjucks tag stuff out

* Fixed key value editor

* raw/endraw and marks improvements

* Some tweaks
2017-02-27 13:00:13 -08:00

59 lines
1.0 KiB
Plaintext

@import '../constants/dimensions';
@import '../constants/colors';
.key-value-editor {
padding: @padding-md 0;
.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: minmax(0, 0.5fr) minmax(0, 0.5fr) auto auto auto;
grid-template-rows: auto;
&.key-value-editor__row--disabled .input,
&.key-value-editor__row--disabled button {
text-decoration: line-through;
color: @hl-xl;
}
.input {
background-color: transparent;
height: @line-height-sm;
box-sizing: border-box;
margin: @padding-xs 0 0;
}
& > * {
padding: 0 @padding-sm;
&:first-child {
padding-left: @padding-md;
}
&:last-child {
padding-right: @padding-md;
}
}
& > button,
.dropdown > button {
color: @hl;
&:hover,
&:focus {
background: transparent;
}
&:hover,
&:focus {
color: inherit;
}
}
}
}