package.dist.vscode-tab-header.vscode-tab-header.styles.js.map Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of elements Show documentation
Webcomponents for creating Visual Studio Code extensions
The newest version!
{"version":3,"file":"vscode-tab-header.styles.js","sourceRoot":"","sources":["../../src/vscode-tab-header/vscode-tab-header.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4FF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      border-bottom: 1px solid transparent;\n      cursor: pointer;\n      display: block;\n      margin-bottom: -1px;\n      overflow: hidden;\n      padding: 7px 8px;\n      text-overflow: ellipsis;\n      user-select: none;\n      white-space: nowrap;\n    }\n\n    :host([active]) {\n      border-bottom-color: var(--vscode-panelTitle-activeForeground);\n      color: var(--vscode-panelTitle-activeForeground);\n    }\n\n    :host([panel]) {\n      border-bottom: 0;\n      margin-bottom: 0;\n      padding: 0;\n    }\n\n    :host(:focus-visible) {\n      outline: none;\n    }\n\n    .wrapper {\n      align-items: center;\n      color: var(--vscode-foreground);\n      display: flex;\n      min-height: 20px;\n      overflow: inherit;\n      text-overflow: inherit;\n      position: relative;\n    }\n\n    .wrapper.panel {\n      color: var(--vscode-panelTitle-inactiveForeground);\n    }\n\n    .wrapper.panel.active,\n    .wrapper.panel:hover {\n      color: var(--vscode-panelTitle-inactiveForeground);\n    }\n\n    :host([panel]) .wrapper {\n      display: flex;\n      font-size: 11px;\n      height: 31px;\n      padding: 2px 10px;\n      text-transform: uppercase;\n    }\n\n    .main {\n      overflow: inherit;\n      text-overflow: inherit;\n    }\n\n    .active-indicator {\n      display: none;\n    }\n\n    .active-indicator.panel.active {\n      border-top: 1px solid var(--vscode-panelTitle-activeBorder);\n      bottom: 4px;\n      display: block;\n      left: 8px;\n      pointer-events: none;\n      position: absolute;\n      right: 8px;\n    }\n\n    :host(:focus-visible) .wrapper {\n      outline-color: var(--vscode-focusBorder);\n      outline-offset: 3px;\n      outline-style: solid;\n      outline-width: 1px;\n    }\n\n    :host(:focus-visible) .wrapper.panel {\n      outline-offset: -2px;\n    }\n\n    slot[name='content-before']::slotted(vscode-badge) {\n      margin-right: 8px;\n    }\n\n    slot[name='content-after']::slotted(vscode-badge) {\n      margin-left: 8px;\n    }\n  `,\n];\n\nexport default styles;\n"]}