diff --git a/sass/_buttons.scss b/sass/_buttons.scss index b4353cf..6b483d1 100644 --- a/sass/_buttons.scss +++ b/sass/_buttons.scss @@ -15,12 +15,11 @@ border: none; border-radius: var(--rounded-corner); background-color: var(--fg-muted-1); - padding: 0.125rem 0.375rem; - padding: 0.625rem 1rem; + padding: 0.75rem 1rem; color: var(--fg-color); font-weight: bold; font-size: 0.875rem; - line-height: 1.25; + line-height: 1; text-decoration: none; &:hover { diff --git a/sass/_comments.scss b/sass/_comments.scss index fe3c5b4..1ceeea4 100644 --- a/sass/_comments.scss +++ b/sass/_comments.scss @@ -85,10 +85,10 @@ box-shadow: var(--edge-highlight); border-radius: 999px; background-color: var(--fg-muted-1); - padding: 0.25rem 0.75rem; + padding: 0.375rem 0.5rem; color: var(--fg-color); font-size: 0.875rem; - line-height: 1.25; + line-height: 1; text-decoration: none; &:hover { diff --git a/sass/_tags.scss b/sass/_tags.scss index 7f01a6d..8620765 100644 --- a/sass/_tags.scss +++ b/sass/_tags.scss @@ -13,7 +13,7 @@ li { display: inline-flex; transition: var(--transition); - line-height: 1.25; + line-height: 1; &:active { transform: scale(var(--active)); @@ -25,7 +25,7 @@ box-shadow: var(--edge-highlight); border-radius: 999px; background-color: var(--fg-muted-1); - padding: 0.25rem 0.75rem; + padding: 0.375rem 0.75rem; color: var(--fg-color); font-size: 0.875rem; text-decoration: none; @@ -47,7 +47,7 @@ .tag { display: inline-block; - padding: 0.25rem 0.5rem 0.25rem 0.75rem; + padding: 0.375rem 0.5rem 0.375rem 0.75rem; &::before { content: "#"; @@ -63,7 +63,7 @@ transition: var(--transition); border-radius: 0 999px 999px 0; background-color: var(--fg-muted-1); - padding: 0.25rem 0.625rem 0.25rem 0.5rem; + padding: 0.375rem 0.625rem 0.375rem 0.5rem; color: var(--fg-muted-4); font-variant-numeric: tabular-nums; diff --git a/sass/_typography.scss b/sass/_typography.scss index 4d90d02..2a00e43 100644 --- a/sass/_typography.scss +++ b/sass/_typography.scss @@ -140,9 +140,9 @@ kbd { box-shadow: inset 0 -0.125rem 0 var(--fg-muted-2), 0 -0.0625rem 0 var(--fg-muted-3); border-radius: var(--rounded-corner-small); background-color: var(--fg-muted-2); - padding: 0.125rem 0.375rem; + padding: 0.25rem 0.375rem; font-size: 0.875em; - line-height: 1.25; + line-height: 1; // Small nice thingy, keys can be pressed! &:active {