Skip to content

Change inline code styling. #1203

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 7 commits into from
Dec 18, 2024
Merged

Change inline code styling. #1203

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
d566da4
Change inline code styling.
sfc-gh-tteixeira Dec 12, 2024
5bae17d
Volley #1 with Jess
sfc-gh-tteixeira Dec 16, 2024
b19cbd1
Volley #2 with Jess.
sfc-gh-tteixeira Dec 16, 2024
4a823cb
Fix code links inside non-p elements.
sfc-gh-tteixeira Dec 16, 2024
e8f34cd
Make inline code changes less specific and apply to <code> too
sfc-gh-tteixeira Dec 16, 2024
979b224
Fix comments
sfc-gh-tteixeira Dec 17, 2024
951e071
Got back to old underline style for links with code
sfc-gh-tteixeira Dec 17, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 0 additions & 4 deletions components/blocks/callout.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,10 +7,6 @@
@apply text-gray-90 !important;
}

.Container p > code {
@apply border border-gray-40 text-red-70 rounded-md px-1 mx-1 break-words;
}

.Container p:only-child,
.Container p:last-child,
.Container section:last-child,
Expand Down
21 changes: 8 additions & 13 deletions styles/text.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,7 @@ ul + p {
@apply mt-8;
}

/* Focuss styles */
/* Focus styles */
a:focus,
a:focus-visible,
button:focus,
Expand All @@ -108,21 +108,16 @@ button:focus-visible {
}

/* Inline code blocks */
p > code,
li > code {
@apply border border-gray-40 dark:border-gray-80 text-red-70 rounded-md px-1 mx-1 break-words;
}

p a code {
@apply border-none p-0;
p code,
/* Inline code blocks in docstrings */
tt.docutils.literal {
@apply break-words px-1 rounded;
@apply text-green-80 bg-green-80/5;
@apply dark:text-green-50 dark:bg-green-50/10;
@apply text-base;
}

/* One-line code descriptions in docstrings */
div.code-desc {
@apply mb-4 text-gray-90 dark:text-gray-40;
}

/* Inline code blocks in docstrings */
tt.docutils.literal {
@apply border border-gray-40 text-red-70 rounded-md px-1 mx-1 break-words;
}