adwaveui/dist/esm/components/input/input.style.mjs

Interactive Web Components inspired by the Gtk Adwaita theme.

// src/components/input/input.css
var stylesheet = "adw-input{position:relative;display:flex}adw-input input{width:100%}adw-input .input-msg-box{margin:.2em 0 0 .5em}adw-input .input-msg-box span{font-size:.7em}adw-input .suggestions-options{position:absolute;left:0;right:0;max-height:min(16em,80vh);overflow-y:scroll;font-size:.8em;z-index:10}adw-input .suggestions-options.orientation-down{top:calc(100% + .2em)}adw-input .suggestions-options.orientation-up{bottom:calc(100% + .2em)}adw-input .suggestions-options *{cursor:pointer}";
var exports = {
  css: stylesheet,
  element: null
};
(function() {
  if (typeof window !== "undefined") {
    const head = document.head;
    const style = document.createElement("style");
    style.appendChild(document.createTextNode(stylesheet));
    head.appendChild(style);
    exports.element = style;
  }
})();
export {
  exports as default
};