Skip to content

Commit

Permalink
Chore: add width: fit-content to a tag (#436)
Browse files Browse the repository at this point in the history
* Add `width: fit-content` to anchor tag style

* Update normalize.src.css

* Update src/extra/normalize.src.css

Co-authored-by: Adam Argyle <[email protected]>

---------

Co-authored-by: Adam Argyle <[email protected]>
  • Loading branch information
Jacob Lamb and argyleink authored Nov 16, 2023
1 parent b5c4300 commit 43435de
Showing 1 changed file with 12 additions and 11 deletions.
23 changes: 12 additions & 11 deletions src/extra/normalize.src.css
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@
outline-offset: 5px;
}

:where(body) {
:where(body) {
min-block-size: 100%;
}

Expand All @@ -47,13 +47,13 @@
text-wrap: balance;
}

:where(h1) {
font-size: var(--font-size-8);
max-inline-size: var(--size-header-1);
:where(h1) {
font-size: var(--font-size-8);
max-inline-size: var(--size-header-1);
}

:where(h2) {
font-size: var(--font-size-6);
:where(h2) {
font-size: var(--font-size-6);
max-inline-size: var(--size-header-2);
}

Expand Down Expand Up @@ -91,6 +91,7 @@
margin-inline: calc(var(--size-1) * -1);
padding-block: var(--size-1);
margin-block: calc(var(--size-1) * -1);
max-inline-size: fit-content;

&:where([href]) {
text-decoration-color: var(--indigo-2);
Expand Down Expand Up @@ -156,10 +157,10 @@
:where(code, kbd, samp, pre) { font-family: var(--font-mono) }
:where(:not(pre) > code, kbd) { white-space: nowrap }

:where(pre) {
:where(pre) {
white-space: pre;
min-inline-size: 0;
max-inline-size: max-content;
max-inline-size: max-content;
writing-mode: lr;
direction: ltr;
}
Expand Down Expand Up @@ -193,8 +194,8 @@
margin-block-start: var(--size-5);
}

:where(small) {
font-size: max(.5em, var(--font-size-0));
:where(small) {
font-size: max(.5em, var(--font-size-0));
max-inline-size: var(--size-content-1);
}

Expand Down Expand Up @@ -359,7 +360,7 @@
:where(table tr:hover td),
:where(tbody tr:nth-child(even):hover td) {
background-color: var(--gray-10);

@media (prefers-color-scheme: light) {
background-color: white;
}
Expand Down

0 comments on commit 43435de

Please sign in to comment.