button component

This commit is contained in:
David Allemang
2026-07-30 21:11:00 -07:00
parent 1eb0de2f94
commit 75a3d25bc8
2 changed files with 23 additions and 3 deletions

View File

@@ -1,5 +1,7 @@
/* --- Component Structural Styles --- */ /* --- Component Structural Styles --- */
mc-world, mc-timeline, mc-camera, mc-frame { display: none; } mc-world, mc-timeline, mc-camera, mc-frame {
display: none;
}
mc-diorama { mc-diorama {
display: block; display: block;
@@ -255,6 +257,7 @@ mc-diorama {
opacity: 1; opacity: 1;
pointer-events: auto; pointer-events: auto;
} }
& .visualizer-ui { & .visualizer-ui {
pointer-events: auto; pointer-events: auto;
} }

View File

@@ -6,7 +6,7 @@
unicode-range: U+0000-007F; unicode-range: U+0000-007F;
} }
h1, h2, h3, h4, h5, h6, nav li { h1, h2, h3, h4, h5, h6, nav li, .btn {
font-family: "Mojangles", sans-serif; font-family: "Mojangles", sans-serif;
} }
@@ -91,4 +91,21 @@ table {
td { td {
vertical-align: text-top; vertical-align: text-top;
} }
} }
.btn {
padding: 0.5ch 2ch;
display: inline-block;
text-shadow: 1.20pt 1.20pt 0 #333;
border-image-source: url("/assets/minecraft/textures/gui/sprites/widget/button.png");
border-image-width: 2.4pt 2.4pt 3.6pt 2.4pt;
border-image-slice: 2 2 3 2 fill;
border-image-repeat: repeat;
image-rendering: pixelated;
/*border-image-slice: calc(3 / 200 * 100%) calc(2 / 20 * 100%);*/
}
.btn:hover {
border-image-source: url("/assets/minecraft/textures/gui/sprites/widget/button_highlighted.png");
}