Source code

Revision control

Copy as Markdown

Other Tools

/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
/**
* Variant of AccessibleImage used in sources list and tabs.
* Define the different source type / framework / library icons here.
*/
.source-icon {
margin-inline-end: 4px;
}
/* Icons for frameworks and libs */
.img.aframe {
background-color: transparent !important;
}
.img.angular {
background-color: transparent !important;
}
.img.babel {
}
.img.backbone {
}
.img.choo {
background-color: transparent !important;
}
.img.coffeescript {
background-color: transparent !important;
fill: var(--theme-icon-color);
-moz-context-properties: fill;
}
.img.dojo {
background-color: transparent !important;
}
.img.ember {
background-color: transparent !important;
}
.img.express {
}
.img.extension {
}
.img.immutable {
}
.img.javascript {
background-size: 14px 14px;
background-color: transparent !important;
fill: var(--theme-icon-color);
-moz-context-properties: fill;
}
.img.override::after {
content: "";
display: block;
height: 5px;
width: 5px;
background-color: var(--purple-30);
border-radius: 100%;
outline: 1px solid var(--theme-sidebar-background);
translate: 12px 10px;
}
.node.focused .img.override::after {
outline-color: var(--theme-selection-background);
}
.img.jquery {
}
.img.lodash {
}
.img.marko {
background-color: transparent !important;
}
.img.mobx {
background-color: transparent !important;
}
.img.nextjs {
background-color: transparent !important;
}
.img.node {
background-color: transparent !important;
}
.img.nuxtjs {
background-color: transparent !important;
}
.img.preact {
background-color: transparent !important;
}
.img.pug {
background-color: transparent !important;
}
.img.react {
background-color: transparent !important;
fill: var(--theme-highlight-bluegrey);
-moz-context-properties: fill;
}
.img.redux {
}
.img.rxjs {
background-color: transparent !important;
}
.img.sencha-extjs {
background-color: transparent !important;
}
.img.typescript {
background-color: transparent !important;
fill: var(--theme-icon-color);
-moz-context-properties: fill;
}
.img.underscore {
}
/* We use both 'Vue' and 'VueJS' when identifying frameworks */
.img.vue,
.img.vuejs {
background-color: transparent !important;
}
.img.webpack {
background-color: transparent !important;
}