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

Interactive Web Components inspired by the Gtk Adwaita theme.

// src/components/selector/selector.css
var stylesheet = "adw-selector{display:flex}adw-selector .selector{flex:1}adw-selector .selector .option:not(.inert):focus{background-color:rgb(255 255 255/15%)!important}adw-selector .selector .option.selected{background-color:rgb(255 255 255/20%)!important}adw-selector .selected-option{text-wrap:nowrap}adw-selector .selected-option.with-placeholder{opacity:.4}adw-selector .selector .options-list{display:none;z-index:10;max-height:min(20em,80vh);overflow-y:scroll}adw-selector .selector .options-list .option.inert,adw-selector dialog[open]{display:flex;justify-content:center;align-items:center}adw-selector .selector .options-list .option.inert span{color:var(--clr-text-secondary)}adw-selector .selector .options-list .option.inert span.opt-label{margin-inline:.5em}adw-selector .selector .options-list .option.inert span:is(:first-child,:last-child){flex:1;height:1px;background-color:var(--clr-text-secondary)}adw-selector .selector .options-list .option.inert:hover{background-color:initial}adw-selector .selector.opened .options-list{display:flex}adw-selector dialog{border:unset;margin:unset;background:0 0;width:100%;height:100%;overflow:hidden}adw-selector dialog::backdrop{background-color:rgb(35 35 35/50%)}adw-selector .selector dialog .options-list{margin:unset;padding:.4em;width:calc(95% - .8em);max-height:calc(85% - .8em);font-size:1.25em}adw-selector .selector dialog .options-list .option{padding:.5em}";
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
};