diff --git a/README.md b/README.md index 64da20f..55f17c0 100644 --- a/README.md +++ b/README.md @@ -27,15 +27,15 @@ Note that if you need to change the path at which the `fediverse-share-button` f ```html
-
- https:// +
+ https:// - diff --git a/fediverse-share-button/styles.css b/fediverse-share-button/styles.css index 0e4885c..bb83e78 100644 --- a/fediverse-share-button/styles.css +++ b/fediverse-share-button/styles.css @@ -51,7 +51,7 @@ border-bottom-right-radius: 0; } -input { +.fsb-input { box-sizing: border-box; margin: 0; font-family: inherit; @@ -77,7 +77,7 @@ input { border-bottom-left-radius: 0; } -button { +.fsb-button { box-sizing: border-box; margin: 0; display: inline-block; diff --git a/fediverse-share-button/styles.min.css b/fediverse-share-button/styles.min.css index c71b140..68692c9 100644 --- a/fediverse-share-button/styles.min.css +++ b/fediverse-share-button/styles.min.css @@ -1 +1 @@ -.fsb-prompt{max-width:500px;margin-top:52px}.fsb-prompt label{display:block;margin-bottom:12px}.fsb-icon{max-width:14px;margin-right:10px;vertical-align:text-top}.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{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{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;border-radius:8px;background-color:var(--bs-btn-bg);cursor:pointer;position:relative;z-index:2;margin-left:-1;border-top-left-radius:0;border-bottom-left-radius:0} +.fsb-prompt{max-width:500px;margin-top:52px}.fsb-prompt label{display:block;margin-bottom:12px}.fsb-icon{max-width:14px;margin-right:10px;vertical-align:text-top}.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}.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}.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;border-radius:8px;background-color:var(--bs-btn-bg);cursor:pointer;position:relative;z-index:2;margin-left:-1;border-top-left-radius:0;border-bottom-left-radius:0} diff --git a/index.html b/index.html index eb845cb..7e67c2a 100644 --- a/index.html +++ b/index.html @@ -78,9 +78,9 @@ type="text" name="fediverse-domain" placeholder="mastodon.social" - class="fsb-domain form-control" + class="fsb-input fsb-domain form-control" aria-label="Amount (to the nearest dollar)"> -