diff --git a/samples/calc-02/index.css b/samples/calc-02/index.css index 086a4b4..6a88cb7 100644 --- a/samples/calc-02/index.css +++ b/samples/calc-02/index.css @@ -1,3 +1,5 @@ + + :root { --bg0: #10151e; --bg1: #1b2432; @@ -178,9 +180,6 @@ body { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 3px 0 rgba(0, 0, 0, 0.28); } -.display-button-offset { - padding-inline: 6px; -} .display-button-symbol { display: inline-flex; @@ -198,15 +197,9 @@ body { } .display-buttons-grid > button { - padding-top: 6px; - padding-bottom: 6px; + padding: 6px 8px; } -.display-button-offset { - padding-inline: 4px; -} - - .mode-menu { position: fixed; @@ -215,7 +208,7 @@ body { gap: 6px; padding: 10px; border-radius: 8px; - background: rgba(18, 24, 33, 0.98); + background: rgba(6, 10, 16, 0.16); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35); } @@ -417,27 +410,15 @@ button:active { letter-spacing: 0.01em; } - .display-button-offset { - padding-inline: 4px; - } - + .display-button-symbol { min-width: 1.28em; font-size: 1.3em; } .display-buttons-grid > button { - padding-top: 6px; - padding-bottom: 6px; + padding: 6px 8px; } - - - - .display-button-offset { - padding-inline: 4px; - } - - } .hidden-input {