insomnia/packages/insomnia-app/app/ui/css/components/request-url-bar.less
Gregory Schier 1770319ac2
Convert Less vars to CSS vars (#1923)
* Created css vars for every less var

* Finish converting Less var to CSS vars
2020-02-03 12:26:56 -05:00

59 lines
1009 B
Plaintext

.urlbar {
width: 100%;
display: flex;
flex-direction: row;
align-items: stretch;
align-self: stretch;
& > .dropdown > button {
height: 100%;
min-width: 4.5em;
display: flex;
justify-content: space-between;
// Pad the method name on the right
& > *:first-child {
padding-left: 0.5em;
}
// Make everything the same height
&,
& > i.fa {
line-height: var(--height-nav);
}
}
.urlbar__send-btn {
padding-right: var(--padding-md);
padding-left: var(--padding-md);
min-width: 5em;
text-align: center;
}
form {
width: 100%;
display: flex;
flex-direction: row;
margin-left: var(--padding-xxs);
* {
font-size: var(--font-size-md);
}
}
.urlbar__send-btn,
& > .dropdown {
height: 100%;
}
button:focus,
button:hover {
background-color: var(--hl-xs);
}
& > .dropdown > button {
padding-left: var(--padding-md);
padding-right: calc(var(--padding-md) / 2);
}
}