buildoz is born, bz-select is coming

2025-10-17 22:32:59 +00:00
commit 56c417a224
2 changed files with 150 additions and 0 deletions
--- a/buildoz.css
+++ b/buildoz.css
@@ -0,0 +1,46 @@
+bz-select {
+    display: block;
+    margin: .5rem 0 .5rem 0;
+}
+bz-select > button{
+    width:100%;
+    text-align: left;
+    font-family: sans;
+    font-size: .9rem;
+    border-radius: 1rem;
+    border: none;
+    padding: 0.2rem .2rem .3rem .5rem;
+    background: linear-gradient( to bottom, #555, #aaa 15%, #ccc 50%, #aaa 85%, #555 );
+}
+bz-select > button::after {
+    content: "\00BB";
+    transform: rotate(90deg) translateX(-0.4rem);
+    position: absolute;
+    right: 1.5rem;
+    pointer-events: none;
+    font-size: 1.5rem;
+    color: #444;
+}    
+
+bz-select option{
+    background-color: #DDD;
+    color: #000;
+    padding: 0.2rem .2rem .3rem .5rem;
+    margin: -1rem 0 0 0;
+    border-radius: 1rem;
+    height: 1rem;
+    font-family: sans;
+    font-size: .9rem;
+    opacity: 0;
+    transition:
+        margin-top 0.3s ease,
+        opacity 0.3s ease;
+}
+bz-select option.open{
+    margin: 2px 0 0 0;
+    opacity: 1;
+}
+bz-select option:hover{
+    background-color: #44F;
+    color: #FFF;
+}