open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
b75e2cb56b
stylus/injection-order/injection-order.css

104 lines
2.1 KiB
CSS
Raw Normal View History

separate storage for order + important styles (#1390) * use Proxy for `db` * don't merge arrays in deepMerge by default * extract sync and cache from styleMan
2022-01-28 23:54:56 +00:00
.injection-order > div {
Add: a draggable list to customize injection order (#1364) + implement messageBox.close() + fix require() with root urls in /dir/page.html + limit messageBox focus shift to config-dialog + flatten vendor dirs and simplify build-vendor: + replace the unicode symbol with ASCII `->` + flatten dirs by default to simplify writing the rules and improve their readability + rename and sort functions in the order they run + use `node-fetch` instead of the gargantuan `make-fetch-happen` + use `glob` which is already installed by other deps Co-authored-by: tophf <tophf@gmx.com>
2022-01-14 12:44:48 +00:00
height: 100%;
max-width: 80vw;
}
separate storage for order + important styles (#1390) * use Proxy for `db` * don't merge arrays in deepMerge by default * extract sync and cache from styleMan
2022-01-28 23:54:56 +00:00
.injection-order #incremental-search {
transform: scaleY(.55);
transform-origin: top;
}
.injection-order #message-box-contents,
.injection-order section {
Add: a draggable list to customize injection order (#1364) + implement messageBox.close() + fix require() with root urls in /dir/page.html + limit messageBox focus shift to config-dialog + flatten vendor dirs and simplify build-vendor: + replace the unicode symbol with ASCII `->` + flatten dirs by default to simplify writing the rules and improve their readability + rename and sort functions in the order they run + use `node-fetch` instead of the gargantuan `make-fetch-happen` + use `glob` which is already installed by other deps Co-authored-by: tophf <tophf@gmx.com>
2022-01-14 12:44:48 +00:00
padding: 0;
overflow: hidden;
display: flex;
flex-direction: column;
separate storage for order + important styles (#1390) * use Proxy for `db` * don't merge arrays in deepMerge by default * extract sync and cache from styleMan
2022-01-28 23:54:56 +00:00
}
.injection-order section[data-main] {
flex: 1 0;
Add: a draggable list to customize injection order (#1364) + implement messageBox.close() + fix require() with root urls in /dir/page.html + limit messageBox focus shift to config-dialog + flatten vendor dirs and simplify build-vendor: + replace the unicode symbol with ASCII `->` + flatten dirs by default to simplify writing the rules and improve their readability + rename and sort functions in the order they run + use `node-fetch` instead of the gargantuan `make-fetch-happen` + use `glob` which is already installed by other deps Co-authored-by: tophf <tophf@gmx.com>
2022-01-14 12:44:48 +00:00
}
.injection-order header {
padding: 1rem;
width: 0;
min-width: 100%;
box-sizing: border-box;
}
.injection-order ol {
separate storage for order + important styles (#1390) * use Proxy for `db` * don't merge arrays in deepMerge by default * extract sync and cache from styleMan
2022-01-28 23:54:56 +00:00
padding: 0;
Add: a draggable list to customize injection order (#1364) + implement messageBox.close() + fix require() with root urls in /dir/page.html + limit messageBox focus shift to config-dialog + flatten vendor dirs and simplify build-vendor: + replace the unicode symbol with ASCII `->` + flatten dirs by default to simplify writing the rules and improve their readability + rename and sort functions in the order they run + use `node-fetch` instead of the gargantuan `make-fetch-happen` + use `glob` which is already installed by other deps Co-authored-by: tophf <tophf@gmx.com>
2022-01-14 12:44:48 +00:00
margin: 0;
font-size: 14px;
overflow-y: auto;
}
separate storage for order + important styles (#1390) * use Proxy for `db` * don't merge arrays in deepMerge by default * extract sync and cache from styleMan
2022-01-28 23:54:56 +00:00
.injection-order ol:empty {
display: none;
}
.injection-order [data-prio] header {
background-color: hsla(40, 80%, 50%, 0.4);
}
.injection-order [data-prio] {
height: min-content;
min-height: 2em;
max-height: 50%;
}
.injection-order-entry {
display: flex;
justify-content: space-between;
position: relative; /* for incremental-search */
padding: 1px 1px 1px 1rem; /* keyboard focus outline */
use color palette and enable a simple dark theme (#1405) * add 'auto' iconset and use it by default * expose `data-ui-theme` on html Co-authored-by: narcolepticinsomniac <therealdoctorgonzo@gmail.com>
2022-02-17 00:10:59 +00:00
color: var(--fg);
Add: a draggable list to customize injection order (#1364) + implement messageBox.close() + fix require() with root urls in /dir/page.html + limit messageBox focus shift to config-dialog + flatten vendor dirs and simplify build-vendor: + replace the unicode symbol with ASCII `->` + flatten dirs by default to simplify writing the rules and improve their readability + rename and sort functions in the order they run + use `node-fetch` instead of the gargantuan `make-fetch-happen` + use `glob` which is already installed by other deps Co-authored-by: tophf <tophf@gmx.com>
2022-01-14 12:44:48 +00:00
transition: transform .25s ease-in-out;
z-index: 1;
user-select: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: move;
}
separate storage for order + important styles (#1390) * use Proxy for `db` * don't merge arrays in deepMerge by default * extract sync and cache from styleMan
2022-01-28 23:54:56 +00:00
.injection-order-entry a[href] {
padding: .4em 0;
cursor: inherit;
}
.injection-order-entry.enabled a[href] {
Add: a draggable list to customize injection order (#1364) + implement messageBox.close() + fix require() with root urls in /dir/page.html + limit messageBox focus shift to config-dialog + flatten vendor dirs and simplify build-vendor: + replace the unicode symbol with ASCII `->` + flatten dirs by default to simplify writing the rules and improve their readability + rename and sort functions in the order they run + use `node-fetch` instead of the gargantuan `make-fetch-happen` + use `glob` which is already installed by other deps Co-authored-by: tophf <tophf@gmx.com>
2022-01-14 12:44:48 +00:00
font-weight: bold;
}
separate storage for order + important styles (#1390) * use Proxy for `db` * don't merge arrays in deepMerge by default * extract sync and cache from styleMan
2022-01-28 23:54:56 +00:00
.injection-order-entry a {
text-decoration: none;
}
.injection-order-entry a[href]:hover {
Add: a draggable list to customize injection order (#1364) + implement messageBox.close() + fix require() with root urls in /dir/page.html + limit messageBox focus shift to config-dialog + flatten vendor dirs and simplify build-vendor: + replace the unicode symbol with ASCII `->` + flatten dirs by default to simplify writing the rules and improve their readability + rename and sort functions in the order they run + use `node-fetch` instead of the gargantuan `make-fetch-happen` + use `glob` which is already installed by other deps Co-authored-by: tophf <tophf@gmx.com>
2022-01-14 12:44:48 +00:00
text-decoration: underline;
}
separate storage for order + important styles (#1390) * use Proxy for `db` * don't merge arrays in deepMerge by default * extract sync and cache from styleMan
2022-01-28 23:54:56 +00:00
.injection-order-toggle {
display: flex;
align-items: center;
padding: 0 .5rem;
cursor: pointer;
opacity: .5;
transition: .15s;
}
.injection-order-toggle::after {
content: '\2606';
font-size: 20px;
line-height: 1;
transition: .15s;
}
.injection-order-entry:hover .injection-order-toggle {
opacity: 1;
}
[data-prio] .injection-order-toggle::after {
content: '\2605';
}
.injection-order-toggle:hover::after {
color: hsl(30, 80%, 50%);
Add: a draggable list to customize injection order (#1364) + implement messageBox.close() + fix require() with root urls in /dir/page.html + limit messageBox focus shift to config-dialog + flatten vendor dirs and simplify build-vendor: + replace the unicode symbol with ASCII `->` + flatten dirs by default to simplify writing the rules and improve their readability + rename and sort functions in the order they run + use `node-fetch` instead of the gargantuan `make-fetch-happen` + use `glob` which is already installed by other deps Co-authored-by: tophf <tophf@gmx.com>
2022-01-14 12:44:48 +00:00
}
separate storage for order + important styles (#1390) * use Proxy for `db` * don't merge arrays in deepMerge by default * extract sync and cache from styleMan
2022-01-28 23:54:56 +00:00
.injection-order [data-prio] header,
.injection-order ol,
.injection-order #message-box-buttons,
.injection-order-entry:nth-child(n + 2) {
border-top: 1px solid rgba(128, 128, 128, .25);
Add: a draggable list to customize injection order (#1364) + implement messageBox.close() + fix require() with root urls in /dir/page.html + limit messageBox focus shift to config-dialog + flatten vendor dirs and simplify build-vendor: + replace the unicode symbol with ASCII `->` + flatten dirs by default to simplify writing the rules and improve their readability + rename and sort functions in the order they run + use `node-fetch` instead of the gargantuan `make-fetch-happen` + use `glob` which is already installed by other deps Co-authored-by: tophf <tophf@gmx.com>
2022-01-14 12:44:48 +00:00
}
.injection-order .draggable-list-target {
position: relative;
background: lightcyan;
transition: none;
z-index: 100;
}
Reference in New Issue Copy Permalink