Skip to content

Typography adjustments #747

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 1 commit into from
Mar 14, 2025
Merged

Typography adjustments #747

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
8 changes: 1 addition & 7 deletions src/Elastic.Markdown/Assets/markdown/typography.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,31 +11,26 @@

@apply text-4xl text-ink-dark font-bold mt-10;
line-height: 1.2em;
letter-spacing: -0.04em;
}

h3 {
@apply text-2xl text-ink-dark font-bold mt-8;
line-height: 1.2em;
letter-spacing: -0.04em;
}

h4 {
@apply text-xl text-ink-dark font-bold mt-8;
line-height: 1.2em;
letter-spacing: -0.04em;
}

h5 {
@apply text-base text-ink-dark font-bold mt-8;
line-height: 1.2em;
letter-spacing: -0.04em;
}

h6 {
@apply text-sm text-ink-dark font-bold mt-8;
line-height: 1.2em;
letter-spacing: -0.04em;
}

h1, h2, h3, h4, h5, h6 {
Expand All @@ -47,9 +42,8 @@

p {
@apply mt-4;
letter-spacing: 0;
line-height: 1.5em;
/*text-wrap: pretty;*/
text-wrap: pretty;
}

a {
Expand Down
3 changes: 1 addition & 2 deletions src/Elastic.Markdown/Assets/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -125,8 +125,7 @@
md:text-sm
text-wrap
inline-block
leading-[1.3em]
tracking-[-0.02em]
leading-[1.2em]
}
}

Expand Down
10 changes: 5 additions & 5 deletions src/Elastic.Markdown/Slices/Layout/_Breadcrumbs.cshtml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
@using Elastic.Markdown.Helpers
@inherits RazorSlice<LayoutViewModel>
<ol id="breadcrumbs" class="block items-center w-full py-6" itemscope="" itemtype="https://schema.org/BreadcrumbList">
<li class="inline text-ink-light text-sm leading-[1.2em] tracking-[-0.02em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<li class="inline text-ink-light text-sm leading-[1.2em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<a
itemprop="item"
href="@Model.Link("/")"
Expand All @@ -17,7 +17,7 @@
}
@if (firstCrumb != null)
{
<li class="inline text-ink-light text-sm leading-[1.2em] tracking-[-0.02em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<li class="inline text-ink-light text-sm leading-[1.2em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<span class="px-1">/</span>
<a
itemprop="item"
Expand All @@ -35,7 +35,7 @@

@if (crumbs.Count < Model.Parents.Reverse().Skip(2).Count())
{
<li class="inline text-ink-light text-sm leading-[1.2em] tracking-[-0.02em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<li class="inline text-ink-light text-sm leading-[1.2em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<span class="px-1">/</span>
…
</li>
Expand All @@ -44,7 +44,7 @@
@for (var i = 0; i < crumbs.Count; i++)
{
var item = crumbs[i];
<li class="inline text-ink-light text-sm leading-[1.2em] tracking-[-0.02em] text-pretty" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<li class="inline text-ink-light text-sm leading-[1.2em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<span class="px-1">/</span>
<a
itemprop="item"
Expand All @@ -56,7 +56,7 @@
<meta itemprop="position" content="@(i+3)">
</li>
}
<li class="inline text-ink-light text-sm leading-[1.2em] tracking-[-0.02em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<li class="inline text-ink-light text-sm leading-[1.2em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<span class="px-1">/</span>
</li>
</ol>
12 changes: 6 additions & 6 deletions src/Elastic.Markdown/Slices/Layout/_LandingPage.cshtml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@

<section class="w-screen px-8 lg:px-6">
<div class="container mx-auto py-16">
<h2 class="font-bold text-3xl text-ink-dark">How-to guides</h2>
<h2 class="font-bold font-sans text-3xl text-ink-dark">How-to guides</h2>
<div class="grid md:grid-cols-2 xl:grid-cols-4 gap-6 mt-6">
<div class="grow rounded-xl border-1 border-grey-20 p-6">
<div class="flex gap-6 h-full">
Expand Down Expand Up @@ -85,7 +85,7 @@

<section class="w-screen px-8 lg:px-6 bg-grey-10">
<div class="container mx-auto py-16">
<h2 class="font-bold text-3xl text-ink-dark">Elastic products</h2>
<h2 class="font-bold font-sans text-3xl text-ink-dark">Elastic products</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
<div class="grow rounded-xl border-1 border-grey-20 p-6 bg-white">
<div class="flex gap-6 h-full">
Expand Down Expand Up @@ -130,10 +130,10 @@

<section class="w-screen px-8 lg:px-6">
<div class="container mx-auto py-16">
<h2 class="font-bold text-3xl text-ink-dark">References</h2>
<h2 class="font-bold font-sans text-3xl text-ink-dark">References</h2>
<div class="mt-6 grid md:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="flex flex-col rounded-xl bg-white border-1 border-grey-20 p-6">
<h3 class="font-sans font-bold text-ink-dark text-2xl">Elastic APIs</h3>
<h3 class="font-bold font-sans text-ink-dark text-2xl">Elastic APIs</h3>
<p class="grow mt-3">Browse the API documentation.</p>
<ul>
<li class="mt-3">
Expand Down Expand Up @@ -267,7 +267,7 @@

<section class="w-screen px-8 lg:px-6 bg-grey-10">
<div class="container mx-auto py-16">
<h2 class="font-bold text-3xl text-ink-dark">Product resources</h2>
<h2 class="font-bold font-sans text-3xl text-ink-dark">Product resources</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
<div class="flex flex-col rounded-xl bg-black text-white p-6">
<h3 class="font-sans font-bold text-2xl">Releases</h3>
Expand Down Expand Up @@ -349,7 +349,7 @@
<div class="rounded-xl border-1 border-grey-20 px-12 py-8 grid lg:grid-cols-[auto_1fr_auto] gap-12 items-center justify-center text-center lg:text-left">
<img loading="lazy" class="mx-auto" alt="Elastic Community logo" src="@Model.Static("community-logo.png")" />
<div>
<h2 class="font-sans font-semibold text-4xl text-black -tracking-[0.04em] leading-[1.2em]">Welcome to our community of developers</h2>
<h2 class="font-semibold font-sans text-4xl text-black leading-[1.2em]">Welcome to our community of developers</h2>
<p class="mt-2">Learn from your peers and share code examples.</p>
</div>
<a href="https://discuss.elastic.co" target="_blank" rel="noopener noreferrer" class="grow cursor-pointer text-blue-elastic hover:text-blue-elastic-100 text-nowrap border-2 border-blue-elastic hover:border-blue-elastic-100 focus:ring-4 focus:outline-none focus:ring-blue-300 font-semibold rounded-sm px-6 py-2.5 text-center h-10 flex items-center justify-center">
Expand Down
Loading