Skip to content

Commit 9e3e343

Browse files
reakaleekreakaleek
authored
Typography adjustments (#747)
1 parent 3ab91a5 commit 9e3e343

File tree

4 files changed

+13
-20
lines changed

4 files changed

+13
-20
lines changed

‎src/Elastic.Markdown/Assets/markdown/typography.css‎

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -11,31 +11,26 @@
1111

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

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

2321
h4 {
2422
@apply text-xl text-ink-dark font-bold mt-8;
2523
line-height: 1.2em;
26-
letter-spacing: -0.04em;
2724
}
2825

2926
h5 {
3027
@apply text-base text-ink-dark font-bold mt-8;
3128
line-height: 1.2em;
32-
letter-spacing: -0.04em;
3329
}
3430

3531
h6 {
3632
@apply text-sm text-ink-dark font-bold mt-8;
3733
line-height: 1.2em;
38-
letter-spacing: -0.04em;
3934
}
4035

4136
h1, h2, h3, h4, h5, h6 {
@@ -47,9 +42,8 @@
4742

4843
p {
4944
@apply mt-4;
50-
letter-spacing: 0;
5145
line-height: 1.5em;
52-
/*text-wrap: pretty;*/
46+
text-wrap: pretty;
5347
}
5448

5549
a {

‎src/Elastic.Markdown/Assets/styles.css‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -125,8 +125,7 @@
125125
md:text-sm
126126
text-wrap
127127
inline-block
128-
leading-[1.3em]
129-
tracking-[-0.02em]
128+
leading-[1.2em]
130129
}
131130
}
132131

‎src/Elastic.Markdown/Slices/Layout/_Breadcrumbs.cshtml‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
@using Elastic.Markdown.Helpers
22
@inherits RazorSlice<LayoutViewModel>
33
<ol id="breadcrumbs" class="block items-center w-full py-6" itemscope="" itemtype="https://schema.org/BreadcrumbList">
4-
<li class="inline text-ink-light text-sm leading-[1.2em] tracking-[-0.02em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
4+
<li class="inline text-ink-light text-sm leading-[1.2em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
55
<a
66
itemprop="item"
77
href="@Model.Link("/")"
@@ -17,7 +17,7 @@
1717
}
1818
@if (firstCrumb != null)
1919
{
20-
<li class="inline text-ink-light text-sm leading-[1.2em] tracking-[-0.02em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
20+
<li class="inline text-ink-light text-sm leading-[1.2em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
2121
<span class="px-1">/</span>
2222
<a
2323
itemprop="item"
@@ -35,7 +35,7 @@
3535

3636
@if (crumbs.Count < Model.Parents.Reverse().Skip(2).Count())
3737
{
38-
<li class="inline text-ink-light text-sm leading-[1.2em] tracking-[-0.02em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
38+
<li class="inline text-ink-light text-sm leading-[1.2em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
3939
<span class="px-1">/</span>
4040
…
4141
</li>
@@ -44,7 +44,7 @@
4444
@for (var i = 0; i < crumbs.Count; i++)
4545
{
4646
var item = crumbs[i];
47-
<li class="inline text-ink-light text-sm leading-[1.2em] tracking-[-0.02em] text-pretty" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
47+
<li class="inline text-ink-light text-sm leading-[1.2em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
4848
<span class="px-1">/</span>
4949
<a
5050
itemprop="item"
@@ -56,7 +56,7 @@
5656
<meta itemprop="position" content="@(i+3)">
5757
</li>
5858
}
59-
<li class="inline text-ink-light text-sm leading-[1.2em] tracking-[-0.02em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
59+
<li class="inline text-ink-light text-sm leading-[1.2em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
6060
<span class="px-1">/</span>
6161
</li>
6262
</ol>

‎src/Elastic.Markdown/Slices/Layout/_LandingPage.cshtml‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525

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

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

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

268268
<section class="w-screen px-8 lg:px-6 bg-grey-10">
269269
<div class="container mx-auto py-16">
270-
<h2 class="font-bold text-3xl text-ink-dark">Product resources</h2>
270+
<h2 class="font-bold font-sans text-3xl text-ink-dark">Product resources</h2>
271271
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
272272
<div class="flex flex-col rounded-xl bg-black text-white p-6">
273273
<h3 class="font-sans font-bold text-2xl">Releases</h3>
@@ -349,7 +349,7 @@
349349
<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">
350350
<img loading="lazy" class="mx-auto" alt="Elastic Community logo" src="@Model.Static("community-logo.png")" />
351351
<div>
352-
<h2 class="font-sans font-semibold text-4xl text-black -tracking-[0.04em] leading-[1.2em]">Welcome to our community of developers</h2>
352+
<h2 class="font-semibold font-sans text-4xl text-black leading-[1.2em]">Welcome to our community of developers</h2>
353353
<p class="mt-2">Learn from your peers and share code examples.</p>
354354
</div>
355355
<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">

0 commit comments

Comments
 (0)