Skip to content

Commit 3fa75f7

Browse files
yhakbaryhakbar
authored
Merge branch 'docs/updating-terragrunt-homepage' into web-819
2 parents 1bcba18 + f4393c1 commit 3fa75f7

File tree

7 files changed

+102
-40
lines changed

7 files changed

+102
-40
lines changed

‎docs-starlight/src/assets/gruntwork-logo.svg‎

Lines changed: 23 additions & 23 deletions
Loading

‎docs-starlight/src/components/Header.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ try {
3535
}
3636
---
3737

38-
<div class="sl-flex justify-between items-center py-5 px-5 xl:px-20 border-b border-stroke-dark">
38+
<div class="sl-flex justify-between items-center px-5 xl:px-20">
3939
<!-- Logo -->
4040
<a href="/" class="hover:cursor-pointer">
4141
<Image

‎docs-starlight/src/components/dv-ConsistencySection.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ const scaffoldLink = '/docs/features/scaffold';
1919
<!-- Header Section -->
2020
<div class="flex flex-col gap-4 md:gap-8 pb-6 md:pb-[60px] md:pl-12 md:pr-8">
2121
<Eyebrow text="CONSISTENCY" />
22-
<h2 class="text-4xl md:text-[42px] font-sans">Codify <span class="text-accent">Tribal</span> Knowledge</h2>
22+
<h2 class="text-4xl md:text-[42px] font-sans mt-36 mb-0">Codify <span class="text-accent">Tribal</span> Knowledge</h2>
2323
</div>
2424
<!-- Content Wrapper -->
2525
<div class="flex flex-col lg:flex-row md:px-6">

‎docs-starlight/src/components/dv-Eyebrow.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,6 @@ import '@styles/global.css';
33
const { text = '' } = Astro.props;
44
---
55

6-
<div class="px-0.5 bg-accent/7 text-xs font-mono text-accent self-start">
6+
<div class="px-0.5 bg-accent/7 text-xs font-mono text-accent self-start mb-[16px]sm:mb-[36px]">
77
<span>{text}</span>
88
</div>

‎docs-starlight/src/components/dv-Footer.astro‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
import '@styles/global.css';
33
import { Image } from 'astro:assets';
44
import OpenSourceCard from '@components/dv-OpenSourceCard.astro';
5-
import GruntworkLogo from '../assets/gruntwork-logo.svg';
5+
import GruntworkLogo from '@assets/gruntwork-logo.svg';
66
import PatternDots from '@assets/pattern-dots.png';
77
import IconTerratest from '@assets/icon-terratest.svg';
88
import IconBoilerplate from '@assets/icon-boilerplate.svg';
@@ -102,7 +102,11 @@ import IconGitxargs from '@assets/icon-gitxargs.svg';
102102
<div class="flex flex-col md:flex-row items-start md:items-center md:justify-between py-6 px-6 bg-[#FAFAFA] mt-auto gap-3">
103103
<div class="flex items-center gap-2">
104104
<Image src={GruntworkLogo} alt="Gruntwork Logo" class="w-[30px] h-[30px]" />
105-
<span class="text-sm text-gray-[#777888]">From the DevOps experts at <a href="https://gruntwork.io" class="text-accent-1 border-b border-gray-1 hover:cursor-pointer hover:text-accent transition .025s ease-in-out">Gruntwork</a></span>
105+
<span class="text-sm text-gray-[#777888]">From the DevOps experts at
106+
<a href="https://gruntwork.io" class="text-accent-1 no-underline border-b border-gray-1 hover:cursor-pointer hover:text-accent transition .025s ease-in-out">
107+
Gruntwork
108+
</a>
109+
</span>
106110
</div>
107111
<div>
108112
<p class="text-center text-sm text-gray-1">

‎docs-starlight/src/components/dv-Hero.astro‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -42,15 +42,15 @@ import TerraformIcon from '@assets/terraform-logo.svg';
4242
<div class="flex flex-col md:flex-row justify-center items-center w-full gap-4">
4343
<p class=" font-mono text-xs text-white md:pr-4">BUILT FOR:</p>
4444
<div class="flex gap-1">
45-
<a href="https://opentofu.org" target="_blank" class="cursor-pointer">
45+
<a href="https://opentofu.org" target="_blank" class="bg-[var(--color-bg-dark)] cursor-pointer no-underline">
4646
<IconLabel
4747
src={OpentofuIcon}
4848
alt="Opentofu Icon"
4949
text="OPENTOFU"
5050
eager
5151
/>
5252
</a>
53-
<a href="https://developer.hashicorp.com/terraform" target="_blank" class="cursor-pointer">
53+
<a href="https://developer.hashicorp.com/terraform" target="_blank" class="bg-[var(--color-bg-dark)] cursor-pointer no-underline">
5454
<IconLabel
5555
src={TerraformIcon}
5656
alt="Terraform Icon"

‎docs-starlight/src/styles/global.css‎

Lines changed: 68 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -54,23 +54,27 @@
5454

5555
/* Docs Dark mode colors. */
5656
:root {
57-
--sl-nav-height: fit-content;
58-
--sl-color-bg-nav: #0f1731;
59-
--sl-color-bg-sidebar: #0f1731;
60-
--sl-color-bg-inline-code: rgba(46, 42, 77, 0.8);
61-
--sl-color-bg: #0f1731;
57+
--sl-nav-height: 87px;
58+
--sl-color-bg-nav: #0F1731;
59+
--sl-color-bg-sidebar: #0F1731;
60+
--sl-color-hairline-shade: #2E375A;
61+
--sl-color-bg-inline-code: #2b2d4c;
62+
--color-code-border: #403f64;
63+
--color-code-text: #BFA6F2;
64+
--sl-color-bg: #0F1731;
6265

6366
--sl-color-accent-low: #1f1d47;
6467
--sl-color-accent: #5e46e6;
6568
--sl-color-accent-high: #c0c3fa;
66-
--sl-color-white: #ffffff;
69+
--sl-color-black: #131824;
6770
--sl-color-gray-1: #e8eefc;
6871
--sl-color-gray-2: #bbc2d4;
6972
--sl-color-gray-3: #7e8bac;
7073
--sl-color-gray-4: #4c5776;
7174
--sl-color-gray-5: #2d3754;
7275
--sl-color-gray-6: #1c2541;
73-
--sl-color-black: #131824;
76+
--sl-color-stroke-dark: #2E375A;
77+
--sl-color-white: #ffffff;
7478

7579
@media (width >= 768px) {
7680
--sl-nav-height: 84px;
@@ -79,22 +83,25 @@
7983
/* Docs Light mode colors. */
8084
:root[data-theme='light'] {
8185
--sl-nav-height: 87px;
82-
--sl-color-bg-nav: #0f1731;
86+
--sl-color-bg-nav: #0F1731;
8387
--sl-color-bg-sidebar: #ffffff;
8488
--sl-color-bg: #ffffff;
8589

8690
--sl-color-accent-low: #d0d3fc;
8791
--sl-color-accent: #6049e8;
8892
--sl-color-accent-high: #2c2669;
89-
--sl-color-white: #131824;
93+
--sl-color-bg-inline-code: #F3F2FF;
94+
--color-code-border: #BDADFF;
95+
--color-code-text: #7B5AFF;
96+
--sl-color-black: #ffffff;
9097
--sl-color-gray-1: #1c2541;
9198
--sl-color-gray-2: #2d3754;
9299
--sl-color-gray-3: #4c5776;
93100
--sl-color-gray-4: #7e8bac;
94101
--sl-color-gray-5: #bbc2d4;
95102
--sl-color-gray-6: #e8eefc;
96103
--sl-color-gray-7: #f3f6fe;
97-
--sl-color-black: #ffffff;
104+
--sl-color-white: #131824;
98105

99106
@media (width >= 768px) {
100107
--sl-nav-height: 84px;
@@ -185,6 +192,31 @@ ol li {
185192
scrollbar-width: none; /* Firefox */
186193
}
187194

195+
h1, h2, h3, h4, h5, h6 {
196+
color: var(--color-dark-blue-1);
197+
font-weight: 400;
198+
margin: 0;
199+
}
200+
201+
header {
202+
border-bottom: 1px solid var(--sl-color-stroke-dark);
203+
display: flex;
204+
flex-direction: column;
205+
justify-content: center;
206+
padding: 0 !important;
207+
}
208+
209+
.social-icon {
210+
color: var(--color-gray-1) !important;
211+
cursor: pointer;
212+
text-decoration: none;
213+
}
214+
215+
.social-icon:hover {
216+
color: var(--sl-color-gray-1) !important;
217+
cursor: pointer;
218+
}
219+
188220
.primary-button {
189221
background-color: var(--color-accent-1);
190222
border: 1px solid rgba(255, 255, 255, 0.2);
@@ -398,3 +430,29 @@ input.pagefind-ui__search-input {
398430
width: 100%;
399431
}
400432
}
433+
434+
h1 code,
435+
h2 code,
436+
h3 code,
437+
h4 code,
438+
h5 code,
439+
h6 code,
440+
p code {
441+
border: 1px solid var(--color-code-border);
442+
border-radius: 6px;
443+
color: var(--color-code-text);
444+
}
445+
446+
#starlight__sidebar ul li {
447+
margin: 0;
448+
padding-top: 0.5em;
449+
padding-bottom: 0.5em;
450+
}
451+
452+
#starlight__sidebar ul li ul li {
453+
padding-left: 1em;
454+
}
455+
456+
#starlight__sidebar details summary {
457+
padding-left: 0;
458+
}

0 commit comments

Comments
 (0)