Enhance customization form with input for box selection and update styles for better usability
This commit is contained in:
parent
5eb16ec8c9
commit
b53bf26b2e
4 changed files with 20 additions and 4 deletions
|
|
@ -19,8 +19,10 @@
|
|||
.customize-section>div>p:last-child{color:var(--muted);font-size:16px;line-height:1.6;max-width:430px}
|
||||
.customize-form{display:grid;gap:10px;align-content:start}
|
||||
.customize-form label{font:500 11px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;margin-top:8px}
|
||||
.customize-form select,.customize-form textarea{width:100%;border:1px solid var(--line);border-radius:0;background:rgba(241,240,234,.04);color:var(--paper);font:14px "Space Grotesk",sans-serif;padding:14px;outline:none}
|
||||
.customize-form select:focus,.customize-form textarea:focus{border-color:var(--lime)}
|
||||
.customize-form select,.customize-form input,.customize-form textarea{width:100%;border:1px solid var(--line);border-radius:0;background:rgba(241,240,234,.04);color:var(--paper);font:14px "Space Grotesk",sans-serif;padding:14px;outline:none}
|
||||
.customize-form select:focus,.customize-form input:focus,.customize-form textarea:focus{border-color:var(--lime)}
|
||||
.customize-form input::placeholder,.customize-form textarea::placeholder{color:var(--muted)}
|
||||
.customize-form input[readonly]{border-color:rgba(213,243,75,.5);color:var(--lime);cursor:default}
|
||||
.customize-form select option{background:var(--ink);color:var(--paper)}
|
||||
.customize-form textarea{resize:vertical}
|
||||
.customize-form .button{margin-top:12px;justify-self:start;border:0;cursor:pointer}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue