Remove inherited button shadows from bottom navigation icons
This commit is contained in:
parent
10b754eb57
commit
e36d00e4a8
@ -66,3 +66,8 @@ input[type=checkbox]{accent-color:#3b603d}
|
||||
.folio-submit .wide{margin:0;display:flex;align-items:center;justify-content:center;gap:12px;font-family:Georgia,serif;font-size:20px;min-height:58px}
|
||||
.folio-submit .ui-icon{width:32px;height:32px}.folio-submit span{font-size:14px;color:#dec479;margin-left:auto}.folio-submit .ui-icon{margin-right:auto}
|
||||
@media(max-width:700px){.drawer{padding:20px 16px max(20px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0;max-height:94dvh;background-size:500px}.drawer-heading{top:-20px;margin:-20px -16px 18px;padding:13px 16px 12px}.drawer-heading h2{font-size:24px}.drawer-heading .ui-icon{width:36px;height:36px}.editor-intro{gap:12px;margin-bottom:20px}.editor-intro>.ui-icon{width:65px;height:78px}.editor-intro h3{font-size:25px}.folio-section{padding:12px 11px 0;margin-bottom:20px}.folio-section legend{font-size:21px}.folio-section legend .ui-icon{width:33px;height:33px}.ability-fields .ui-icon{width:37px;height:37px}.folio-submit{bottom:-20px;margin:0 -16px -20px;padding:12px 16px max(20px,env(safe-area-inset-bottom))}.folio-section .form-grid{gap:10px}}
|
||||
/* Navigation icons sit on one shared bar, without individual button frames. */
|
||||
.bottom-nav button{box-shadow:none;border:0;background:transparent;border-radius:12px}
|
||||
.bottom-nav button:hover{background:#b9ae7420;box-shadow:none}
|
||||
.bottom-nav button.active{background:#d9ddb1;box-shadow:none;color:#284e3d}
|
||||
.bottom-nav .ui-icon{width:35px;height:35px}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user