api-console-assets/bower_components/raml-path-selector/raml-tree-item-styles.html

This repo only exists to publish api console components to npm

<dom-module id="raml-tree-item-styles">
  <template>
    <style>
    :host {
      display: block;
      @apply(--raml-docs-tree-item-element);
      background-color: var(--raml-docs-tree-item-element-background, transparent);

      --paper-item-focused-before: {
        background-color: transparent;
      };

      --indent-size-padding: 0px;

      --method-display-box: {
        margin-right: 8px;
        display: block;
        background: var(--method-display-background-color, rgba(128, 128, 128, 0.12));
        color: var(--method-display-color, rgb(128, 128, 128));
        padding: 0px 4px;
        border-radius: 2px;
        font-size: 14px;
        text-transform: uppercase;
      };

      --method-display-box-get: {
        background: var(--method-display-get-background-color, rgba(0, 128, 0, 0.12));
        color: var(--method-display-get-color, rgb(0, 128, 0));
      };

      --method-display-box-post: {
        background: var(--method-display-post-background-color, rgba(33, 150, 243, 0.12));
        color: var(--method-display-post-color, rgb(33, 150, 243));
      };

      --method-display-box-put: {
        background: var(--method-display-put-background-color, rgba(255, 165, 0, 0.12));
        color: var(--method-display-put-color, rgb(255, 165, 0));
      };

      --method-display-box-delete: {
        background: var(--method-display-delete-background-color, rgba(244, 67, 54, 0.12));
        color: var(--method-display-delete-color, rgb(244, 67, 54));
      };

      --method-display-box-patch: {
        background: var(--method-display-patch-background-color, rgba(156, 39, 176, 0.12));
        color: var(--method-display-patch-color, rgb(156, 39, 176));
      };
    }

    :host(:focus),
    :focus {
      outline: var(--raml-docs-tree-outline, none);
    }

    paper-item {
      min-height: 44px;
      padding: 0px 16px;
      cursor: pointer;
      @apply(--raml-docs-tree-item);
      background-color: var(--raml-docs-tree-item-background, transparent);
      color: var(--raml-docs-tree-item-color, #6b6c6d);
      border-left: 4px transparent solid;
    }

    paper-item:not(:focus):not(.selected):hover {
      border-left-color: var(--raml-docs-tree-item-hover-selector-color, #00A2DF);
      color: var(--raml-docs-tree-item-color-hovered, #121314);
    }

    .selected {
      border-left-color: var(--raml-docs-tree-item-selected-selector-color, #00A2DF);
      color: var(--raml-docs-tree-item-color-selected, #121314);
    }

    /*.indentable-content {
      padding-left: var(--indent-size-padding);
    }*/

    :host > paper-item.indentable-content,
    :host > paper-item > .indentable-content,
    :host > iron-collapse > .children > paper-item > .indentable-content {
      padding-left: var(--indent-size-padding);
    }

    paper-item {
      white-space: nowrap;
    }

    .method-name-item {
      padding-left: 24px;
    }

    .method {
      @apply(--method-display-box);
      margin-left: 2px;
    }

    .method.get {
      @apply(--method-display-box-get);
    }

    .method.post {
      @apply(--method-display-box-post);
    }

    .method.put {
      @apply(--method-display-box-put);
    }

    .method.delete {
      @apply(--method-display-box-delete);
    }

    .method.patch {
      @apply(--method-display-box-patch);
    }

    .method-description {
      @apply(--layout-horizontal);
      @apply(--layout-center);
      @apply(--raml-resource-tree-item-resource-description);
    }

    .method-display {
      @apply(--layout-flex);
      @apply(--raml-resource-tree-item-resource-name);
    }

    .enter-button {
      color: var(--raml-path-selector-toggle-icon-color, rgba(0, 0, 0, 0.54));
      transform: rotateZ(-90deg);
      width: 32px;
      height: 32px;
    }

    .simple-item {
      padding: 0px 4px;
      @apply --raml-path-selector-simple-item;
    }

    [hidden] {
      display: none !important;
    }
    </style>
  </template>
</dom-module>