Fixed background color conflict with Bootstrap variables.

This commit is contained in:
Stefan Bohacek 2024-05-19 18:46:29 -04:00
parent f28031001b
commit 5e5d0885e5
No known key found for this signature in database
GPG key ID: FC75CD588A42BC10
2 changed files with 3 additions and 3 deletions

View file

@ -44,7 +44,7 @@
line-height: 1.5; line-height: 1.5;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
background-color: var(--bs-tertiary-bg); background-color: #fff;
border: 1px solid silver; border: 1px solid silver;
border-radius: 8px; border-radius: 8px;
border-top-right-radius: 0; border-top-right-radius: 0;
@ -72,7 +72,7 @@ input.fsb-input {
min-width: 0; min-width: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
margin-left: calc(var(--bs-border-width) * -1); margin-left: -1;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }

View file

@ -1 +1 @@
.fsb-prompt{max-width:500px;margin-top:52px}.fsb-prompt label{display:block;margin-bottom:12px}.fsb-icon{max-width:1rem;margin-right:.5rem;vertical-align:baseline}.fsb-support-note{font-size:small}.fsb-d-none{display:none!important}.fsb-input-group{box-sizing:border-box;position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;margin-bottom:1rem!important}.fsb-input-group-text{box-sizing:border-box;display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:1px solid silver;border-radius:8px;border-top-right-radius:0;border-bottom-right-radius:0}input.fsb-input{box-sizing:border-box;margin:0;font-family:inherit;scroll-margin-top:80px;scroll-margin-bottom:100px;display:block;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;appearance:none;background-clip:padding-box;border:1px solid silver;border-left:none;position:relative;flex:1 1 auto;width:1%;min-width:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-left:calc(var(--bs-border-width) * -1);border-top-left-radius:0;border-bottom-left-radius:0}button.fsb-button{box-sizing:border-box;margin:0;display:inline-block;padding:6px 12px;text-align:center;text-decoration:none;vertical-align:middle;border:1px solid silver;cursor:pointer;position:relative;z-index:2;margin-left:-1;border-top-right-radius:8px!important;border-bottom-right-radius:8px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important} .fsb-prompt{max-width:500px;margin-top:52px}.fsb-prompt label{display:block;margin-bottom:12px}.fsb-icon{max-width:1rem;margin-right:.5rem;vertical-align:baseline}.fsb-support-note{font-size:small}.fsb-d-none{display:none!important}.fsb-input-group{box-sizing:border-box;position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;margin-bottom:1rem!important}.fsb-input-group-text{box-sizing:border-box;display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;text-align:center;white-space:nowrap;background-color:#fff;border:1px solid silver;border-radius:8px;border-top-right-radius:0;border-bottom-right-radius:0}input.fsb-input{box-sizing:border-box;margin:0;font-family:inherit;scroll-margin-top:80px;scroll-margin-bottom:100px;display:block;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;appearance:none;background-clip:padding-box;border:1px solid silver;border-left:none;position:relative;flex:1 1 auto;width:1%;min-width:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-left:-1;border-top-left-radius:0;border-bottom-left-radius:0}button.fsb-button{box-sizing:border-box;margin:0;display:inline-block;padding:6px 12px;text-align:center;text-decoration:none;vertical-align:middle;border:1px solid silver;cursor:pointer;position:relative;z-index:2;margin-left:-1;border-top-right-radius:8px!important;border-bottom-right-radius:8px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}