hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix line heights and paddings

Browse Source
This commit is contained in:
daudix
2024-07-24 01:10:09 +03:00
parent c2cc9b0e56
commit 03cf7b43b1
4 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
sass/_buttons.scss
View File

@ -15,12 +15,11 @@
border: none; border: none;
border-radius: var(--rounded-corner); border-radius: var(--rounded-corner);
background-color: var(--fg-muted-1); background-color: var(--fg-muted-1);
padding: 0.125rem 0.375rem; padding: 0.75rem 1rem;
padding: 0.625rem 1rem;
color: var(--fg-color); color: var(--fg-color);
font-weight: bold; font-weight: bold;
font-size: 0.875rem; font-size: 0.875rem;
line-height: 1.25; line-height: 1;
text-decoration: none; text-decoration: none;
&:hover { &:hover {

4
sass/_comments.scss
View File

@ -85,10 +85,10 @@
box-shadow: var(--edge-highlight); box-shadow: var(--edge-highlight);
border-radius: 999px; border-radius: 999px;
background-color: var(--fg-muted-1); background-color: var(--fg-muted-1);
padding: 0.25rem 0.75rem; padding: 0.375rem 0.5rem;
color: var(--fg-color); color: var(--fg-color);
font-size: 0.875rem; font-size: 0.875rem;
line-height: 1.25; line-height: 1;
text-decoration: none; text-decoration: none;
&:hover { &:hover {

8
sass/_tags.scss
View File

@ -13,7 +13,7 @@
li { li {
display: inline-flex; display: inline-flex;
transition: var(--transition); transition: var(--transition);
line-height: 1.25; line-height: 1;
&:active { &:active {
transform: scale(var(--active)); transform: scale(var(--active));
@ -25,7 +25,7 @@
box-shadow: var(--edge-highlight); box-shadow: var(--edge-highlight);
border-radius: 999px; border-radius: 999px;
background-color: var(--fg-muted-1); background-color: var(--fg-muted-1);
padding: 0.25rem 0.75rem; padding: 0.375rem 0.75rem;
color: var(--fg-color); color: var(--fg-color);
font-size: 0.875rem; font-size: 0.875rem;
text-decoration: none; text-decoration: none;
@ -47,7 +47,7 @@
.tag { .tag {
display: inline-block; display: inline-block;
padding: 0.25rem 0.5rem 0.25rem 0.75rem; padding: 0.375rem 0.5rem 0.375rem 0.75rem;
&::before { &::before {
content: "#"; content: "#";
@ -63,7 +63,7 @@
transition: var(--transition); transition: var(--transition);
border-radius: 0 999px 999px 0; border-radius: 0 999px 999px 0;
background-color: var(--fg-muted-1); 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); color: var(--fg-muted-4);
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;

4
sass/_typography.scss
View File

@ -140,9 +140,9 @@ kbd {
box-shadow: inset 0 -0.125rem 0 var(--fg-muted-2), 0 -0.0625rem 0 var(--fg-muted-3); 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); border-radius: var(--rounded-corner-small);
background-color: var(--fg-muted-2); background-color: var(--fg-muted-2);
padding: 0.125rem 0.375rem; padding: 0.25rem 0.375rem;
font-size: 0.875em; font-size: 0.875em;
line-height: 1.25; line-height: 1;
// Small nice thingy, keys can be pressed! // Small nice thingy, keys can be pressed!
&:active { &:active {