From 2bbca374a1701858f977c7f5fd67a90ad0c15a25 Mon Sep 17 00:00:00 2001 From: Stefan Bohacek Date: Wed, 22 May 2024 08:47:08 -0400 Subject: [PATCH] Use EM units instead of REM. --- fediverse-share-button/styles.css | 14 +++++++------- fediverse-share-button/styles.min.css | 2 +- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/fediverse-share-button/styles.css b/fediverse-share-button/styles.css index 2fc959c..c0866cd 100644 --- a/fediverse-share-button/styles.css +++ b/fediverse-share-button/styles.css @@ -9,8 +9,8 @@ } .fsb-icon { - max-width: 1rem; - margin-right: 0.5rem; + max-width: 1em; + margin-right: 0.5em; vertical-align: text-bottom; } @@ -38,9 +38,9 @@ box-sizing: border-box; display: flex; align-items: center; - padding: 0.375rem 0.75rem; + padding: 0.375rem 0.75em; color: #3e3e3e; - font-size: 1rem; + font-size: 1em; font-weight: 400; line-height: 1.5; text-align: center; @@ -61,8 +61,8 @@ input.fsb-input { scroll-margin-top: 80px; scroll-margin-bottom: 100px; display: block; - padding: 0.375rem 0.75rem; - font-size: 1rem; + padding: 0.375rem 0.75em; + font-size: 1em; font-weight: 400; line-height: 1.5; appearance: none; @@ -91,7 +91,7 @@ button.fsb-button { box-sizing: border-box; background-color: #fff; color: #000; - line-height: 1rem; + line-height: 1em; margin: 0; display: inline-block; padding: 6px 12px; diff --git a/fediverse-share-button/styles.min.css b/fediverse-share-button/styles.min.css index 8f67b73..f3e82c0 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: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}