Ma/ueblueprint
1
0
Fork 0
mirror of https://github.com/barsdeveloper/ueblueprint.git synced 2026-02-04 08:50:33 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Icons made svg

Browse Source
This commit is contained in:
barsdeveloper
2022-09-07 19:31:16 +02:00
parent 715dee6a5a
commit 610d6cfdd2
21 changed files with 146 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
scss/ueb-node.scss
View File

@@ -40,24 +40,52 @@ ueb-node[data-selected="true"]>.ueb-node-border {
}
.ueb-node-top {
padding: 0.3em 0.7em;
padding: 0.2em 0.7em;
box-shadow:
inset 5px 1px 5px -3px #83b37b,
inset 0 1px 0 0 #111311,
inset 0 2px 0 0 #83b37b;
inset 5px 1px 5px -3px #7ba1b3,
inset 0 1px 0 0 #111213,
inset 0 2px 0 0 #7b9eb3;
border-radius: var(--ueb-node-radius) var(--ueb-node-radius) 0 0;
background: linear-gradient(170deg, #5f815a 0%, #5f815a 50%, transparent 100%);
background: linear-gradient(170deg, #5ca1dd 0%, #466980 50%, transparent 100%);
color: #c0c0c0;
font-weight: 900;
white-space: nowrap;
}
.ueb-node-top[data-pure-function="true"] {
box-shadow:
inset 5px 1px 5px -3px #7ba1b3,
inset 0 1px 0 0 #111213,
inset 0 2px 0 0 #7b9eb3;
background: linear-gradient(170deg, #5f815a 0%, #5f815a 50%, transparent 100%);
}
.ueb-node-name {
background: radial-gradient(ellipse 100% 100% at 30% 50%, rgba(0, 0, 0, 0.45) 20%, transparent 50%);
margin: -0.1em -1.6em;
padding: 0.1em 1.6em;
}
.ueb-node-name-symbol {
color: #74bff2;
}
.ueb-node-name-symbol svg {
vertical-align: middle;
}
.ueb-node-top[data-pure-function="true"] .ueb-node-name-symbol {
color: #74bff2;
}
.ueb-node-name-symbol path {
vertical-align: middle;
}
.ueb-node-name-text {
vertical-align: baseline;
}
.ueb-node-content {
display: flex;
padding: 1px 0;
@@ -77,7 +105,7 @@ ueb-node[data-selected="true"]>.ueb-node-border {
.ueb-node-developmentonly {
display: none;
margin-top: 8px;
margin-top: 4px;
background: repeating-linear-gradient(-45deg,
transparent 0,
#57590a 1px,

52
scss/ueb-pin.scss
View File

@@ -1,5 +1,6 @@
ueb-pin {
display: block;
height: 30px;
}
ueb-node[data-advanced-display="Hidden"] ueb-pin[data-advanced-view="true"] {
@@ -8,7 +9,7 @@ ueb-node[data-advanced-display="Hidden"] ueb-pin[data-advanced-view="true"] {
.ueb-pin-wrapper {
display: inline-block;
margin: 5px 0 0 0;
margin: 4px 0 0 0;
padding: 2px 2px;
&>* {
@@ -26,53 +27,34 @@ ueb-blueprint[data-scrolling="false"][data-selecting="false"] .ueb-pin-wrapper:h
text-align: right;
}
.ueb-pin-icon-exec {
display: inline-block;
vertical-align: text-top;
ueb-pin[data-type="exec"] .ueb-pin-icon {
--ueb-pin-color: white;
width: 15px;
height: 15px;
}
.ueb-pin-icon-value {
display: inline-block;
position: relative;
width: 12px;
height: 12px;
vertical-align: baseline;
margin: 0 0.5em -1px 0.1em;
.ueb-pin-icon {
width: 11px;
height: 11px;
margin-right: 0.5em;
color: var(--ueb-pin-color);
}
.ueb-pin-icon-value::before {
content: "";
.ueb-pin-icon svg {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 2px solid var(--ueb-pin-color);
border-radius: 50%;
width: 100%;
height: 100%;
}
ueb-pin[data-linked="true"] .ueb-pin-icon-value::before {
background: var(--ueb-pin-color);
ueb-pin[data-linked="true"] .ueb-pin-tofill {
fill: var(--ueb-pin-color);
}
ueb-pin[data-linked="true"] .ueb-pin-tofill {
fill: currentColor;
}
.ueb-pin-icon-value::after {
content: "";
display: block;
position: absolute;
top: 3px;
left: 13px;
width: 0;
height: 0;
border-top: 0.3em solid transparent;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid var(--ueb-pin-color);
}
.ueb-pin-name {
display: inline-block;
vertical-align: middle;