setto/fediverse-share-button
4
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Use EM units instead of REM.

Browse source
This commit is contained in:
Stefan Bohacek 2024-05-22 08:47:08 -04:00
parent aa4d246cb1
commit 2bbca374a1
No known key found for this signature in database
GPG key ID: FC75CD588A42BC10
2 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
fediverse-share-button/styles.css
View file

@ -9,8 +9,8 @@
} }
.fsb-icon { .fsb-icon {
max-width: 1rem; max-width: 1em;
margin-right: 0.5rem; margin-right: 0.5em;
vertical-align: text-bottom; vertical-align: text-bottom;
} }
@ -38,9 +38,9 @@
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75em;
color: #3e3e3e; color: #3e3e3e;
font-size: 1rem; font-size: 1em;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
text-align: center; text-align: center;
@ -61,8 +61,8 @@ input.fsb-input {
scroll-margin-top: 80px; scroll-margin-top: 80px;
scroll-margin-bottom: 100px; scroll-margin-bottom: 100px;
display: block; display: block;
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75em;
font-size: 1rem; font-size: 1em;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
appearance: none; appearance: none;
@ -91,7 +91,7 @@ button.fsb-button {
box-sizing: border-box; box-sizing: border-box;
background-color: #fff; background-color: #fff;
color: #000; color: #000;
line-height: 1rem; line-height: 1em;
margin: 0; margin: 0;
display: inline-block; display: inline-block;
padding: 6px 12px; padding: 6px 12px;

2
fediverse-share-button/styles.min.css vendored
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:text-bottom}.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;color:#3e3e3e;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{background-color:#fff;color:#3e3e3e;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:0;border-top-left-radius:0;border-bottom-left-radius:0}input.fsb-input ::-ms-input-placeholder,input.fsb-input ::-webkit-input-placeholder,input.fsb-input ::placeholder{color:#3e3e3e;opacity:1}button.fsb-button{box-sizing:border-box;background-color:#fff;color:#000;line-height:1rem;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:-1px;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:1em;margin-right:.5em;vertical-align:text-bottom}.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 .75em;color:#3e3e3e;font-size:1em;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{background-color:#fff;color:#3e3e3e;box-sizing:border-box;margin:0;font-family:inherit;scroll-margin-top:80px;scroll-margin-bottom:100px;display:block;padding:.375rem .75em;font-size:1em;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:0;border-top-left-radius:0;border-bottom-left-radius:0}input.fsb-input ::-ms-input-placeholder,input.fsb-input ::-webkit-input-placeholder,input.fsb-input ::placeholder{color:#3e3e3e;opacity:1}button.fsb-button{box-sizing:border-box;background-color:#fff;color:#000;line-height:1em;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:-1px;border-top-right-radius:8px!important;border-bottom-right-radius:8px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}