Skip to content

Commit 1617edf

Browse files
karlcarstensenkarlcarstensen
committed
Fixing styles
1 parent 43c5c00 commit 1617edf

3 files changed

Lines changed: 22 additions & 13 deletions

File tree

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

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -38,25 +38,25 @@ try {
3838
<div class="sl-flex justify-between items-center py-5 px-5 xl:px-20 border-b border-stroke-dark">
3939
<!-- Logo -->
4040
<a href="/" class="hover:cursor-pointer">
41-
<Image
42-
src={TerragruntLogo}
41+
<Image
4342
alt="Terragrunt Logo"
4443
height={40}
4544
loading="eager"
45+
src={TerragruntLogo}
4646
/>
4747
</a>
4848
<!-- Right Menu -->
4949
<div class="flex items-center gap-6">
50-
<div class="hidden lg:flex items-center gap-6 border-r border-stroke-dark pr-6">
50+
<div class="hidden lg:flex items-center gap-6 border-r border-stroke-dark pr-6">
5151
<!-- Socials -->
5252
<div class="flex items-center gap-4 text-gray-1">
53-
<a href="https://github.com/gruntwork-io/terragrunt" class="flex items-center gap-2 hover:cursor-pointer hover:text-[var(--sl-color-gray-1)] transition .25s ease-in-out" target="_blank" rel="noopener noreferrer">
53+
<a href="https://github.com/gruntwork-io/terragrunt" class="social-icon flex items-center gap-2 transition .25s ease-in-out" target="_blank" rel="noopener noreferrer">
5454
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
5555
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
5656
</svg>
5757
<span class="text-sm font-sans">{starCountDisplay}</span>
5858
</a>
59-
<a href="https://discord.com/invite/YENaT9h8jh" class="flex items-center gap-2 hover:cursor-pointer hover:text-[var(--sl-color-gray-1)] transition .25s ease-in-out" target="_blank" rel="noopener noreferrer">
59+
<a href="https://discord.com/invite/YENaT9h8jh" class="social-icon flex items-center gap-2 transition .25s ease-in-out" target="_blank" rel="noopener noreferrer">
6060
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-discord" viewBox="0 0 16 16">
6161
<path d="M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"/>
6262
</svg>
@@ -81,7 +81,7 @@ try {
8181
Automate your pipeline
8282
</a>
8383
<a href="#" class="flex md:hidden secondary-button !p-3">
84-
<Image
84+
<Image
8585
src={PipelineIcon}
8686
alt="Pipeline Icon"
8787
width={20}
@@ -93,13 +93,13 @@ try {
9393
</a>
9494
<button class="menu-icon hover:cursor-pointer">
9595
<div class="flex items-center">
96-
<svg data-slot="icon" class="text-white w-6 h-6" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
96+
<svg data-slot="icon" class="text-white w-6 h-6" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
9797
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 9h16.5m-16.5 6.75h16.5" />
9898
</svg>
9999
</div>
100100
</button>
101101
<a href="#" class="flex md:hidden primary-button !p-3">
102-
<Image
102+
<Image
103103
src={HeadphonesIcon}
104104
alt="Headphones Icon"
105105
width={20}
@@ -120,7 +120,7 @@ try {
120120
<style>
121121
.searchbar {
122122
display: flex;
123-
align-items: center;
123+
align-items: center;
124124
justify-content: start;
125125
gap: 8px;
126126
width: 280px;

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

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -56,14 +56,14 @@ try {
5656
<div class="flex items-center gap-6">
5757
<div class="hidden lg:flex items-center gap-6 border-r border-stroke-dark pr-6">
5858
<!-- Socials -->
59-
<div class="flex items-center gap-4 text-gray-1">
60-
<a href="https://github.com/gruntwork-io/terragrunt" class="flex items-center gap-2 hover:cursor-pointer hover:text-[var(--sl-color-gray-1)] transition .25s ease-in-out" target="_blank" rel="noopener noreferrer">
59+
<div class="flex items-center gap-4">
60+
<a href="https://github.com/gruntwork-io/terragrunt" class="social-icon flex items-center gap-2 transition .25s ease-in-out" target="_blank" rel="noopener noreferrer">
6161
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
6262
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
6363
</svg>
6464
<span class="text-sm font-sans">{starCountDisplay}</span>
6565
</a>
66-
<a href="https://discord.com/invite/YENaT9h8jh" class="flex items-center gap-2 hover:cursor-pointer hover:text-[var(--sl-color-gray-1)] transition .25s ease-in-out" target="_blank" rel="noopener noreferrer">
66+
<a href="https://discord.com/invite/YENaT9h8jh" class="social-icon flex items-center gap-2 transition .25s ease-in-out" target="_blank" rel="noopener noreferrer">
6767
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-discord" viewBox="0 0 16 16">
6868
<path d="M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"/>
6969
</svg>

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

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
@layer base, starlight, theme, components, utilities;
2-
@import "tailwindcss/preflight.css" layer(base);
32
@import '@astrojs/starlight-tailwind';
43
@import "tailwindcss/theme.css" layer(theme);
54
@import "tailwindcss/utilities.css" layer(utilities);
@@ -109,6 +108,16 @@ header {
109108
padding: 0 !important;
110109
}
111110

111+
.social-icon {
112+
color: var(--color-gray-1) !important;
113+
cursor: pointer;
114+
}
115+
116+
.social-icon:hover {
117+
color: var(--sl-color-gray-1) !important;
118+
cursor: pointer;
119+
}
120+
112121
* {
113122
box-sizing: border-box;
114123
}

0 commit comments

Comments
 (0)