shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add toolbox library page with editable examples
All checks were successful
Deploy Sokko G / deploy (push) Successful in 7s
Details

Browse source
This commit is contained in:
Shinuwa 2026-08-03 11:37:59 +02:00
parent 8eb622e05d
commit 9b72f4934c
20 changed files with 4774 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

28
website/src/styles/_toolboxes.scss
View file

@ -1002,6 +1002,7 @@
border-radius: var(--radius-md);
background: rgba(10, 13, 28, 0.99);
box-shadow: var(--shadow-lg);
transform: translateX(-50%);
}
.notepad-list-menu::before {
@ -1014,6 +1015,15 @@
border-left: 7px solid transparent;
}
.notepad-list-menu::after {
content: "";
position: absolute;
right: 0;
bottom: 100%;
left: 0;
height: 10px;
}
.notepad-list-option {
justify-content: center;
width: 34px;
@ -2621,7 +2631,7 @@ textarea:focus {
white-space: nowrap;
}
.combos-category-header > div {
.combos-category-header .combos-category-title {
gap: 6px;
}
@ -2661,6 +2671,8 @@ textarea:focus {
.combo-drag-handle {
align-self: start;
touch-action: none;
user-select: none;
}
.combo-card-main {
@ -3060,7 +3072,8 @@ button.combo-input-token.combo-input-mouse {
.counters-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 220px));
justify-content: start;
gap: 10px;
margin: var(--space-4);
}
@ -3068,6 +3081,8 @@ button.combo-input-token.combo-input-mouse {
.counter-item {
position: relative;
display: grid;
min-height: 106px;
align-content: space-between;
gap: 12px;
padding: 12px 52px 12px 12px;
border: 1px solid rgba(165, 180, 252, 0.12);
@ -3093,7 +3108,7 @@ button.combo-input-token.combo-input-mouse {
user-select: none;
}
.counter-item > div:first-child {
.counter-value {
display: grid;
gap: 3px;
min-width: 0;
@ -3117,11 +3132,16 @@ button.combo-input-token.combo-input-mouse {
.counter-actions {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-columns: repeat(4, 34px);
justify-content: start;
gap: 8px;
}
.counter-actions button {
width: 34px;
min-width: 34px;
min-height: 34px;
padding: 0;
font-weight: 900;
}