fix overlapping styles
All checks were successful
Hugo / build (push) Successful in 8s

This commit is contained in:
brooke 2024-07-31 21:55:39 -04:00
parent 1212eb7521
commit 3c47957c2d
4 changed files with 7 additions and 79 deletions

View file

@ -1,11 +1,11 @@
<section class="bg-white text-gray-600 body-font"> <section class="bg-white text-gray-600 body-font">
<div class="container px-5 py-24 mx-auto"> <div class="container px-5 py-24 mx-auto">
<div class="flex flex-col w-full mb-20"> <div class="flex flex-col w-full mb-20">
<h1 <p
class="lg:w-2/3 mx-auto text-3xl mx-auto text-left font-medium title-font mb-4 text-gray-900" class="lg:w-2/3 mx-auto text-3xl mx-auto text-left font-medium title-font mb-4 text-gray-900"
> >
Rental Catalog Rental Catalog
</h1> </p>
<p class="lg:w-2/3 text-gray-600 mx-auto leading-relaxed text-base"> <p class="lg:w-2/3 text-gray-600 mx-auto leading-relaxed text-base">
Browse our extensive catalog of wedding structures to find the perfect Browse our extensive catalog of wedding structures to find the perfect
setting for your special day. Our structures are designed to provide a setting for your special day. Our structures are designed to provide a
@ -18,7 +18,7 @@
> >
{{ range .Site.Params.catalogButtons.home }} {{ range .Site.Params.catalogButtons.home }}
<a <a
class="rounded-md aspect-[3/2] overflow-hidden group relative inline-block overflow-hidden hover:scale-[1.02] duratoin-100 transition-all focus:outline-none focus:ring" class="rounded-md aspect-[3/2] overflow-hidden group relative inline-block overflow-hidden hover:scale-[1.02] duratoin-100 transition-all focus:outline-none focus:ring"
href="/catalog/#{{ .categoryName }}" href="/catalog/#{{ .categoryName }}"
> >
<span <span
@ -29,7 +29,7 @@
class="text-white font-bold w-full z-10 text-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-3xl" class="text-white font-bold w-full z-10 text-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-3xl"
> >
{{ .categoryName }} {{ .categoryName }}
</span> </span>
<img <img
class="min-h-full h-auto w-full opacity-90" class="min-h-full h-auto w-full opacity-90"

View file

@ -3,9 +3,9 @@
class="flex justify-start py-36 px-5" class="flex justify-start py-36 px-5"
> >
<div class="flex flex-col w-full mx-auto container"> <div class="flex flex-col w-full mx-auto container">
<h1 class="lg:w-2/3 mx-auto text-3xl text-left font-bold title-font mb-4"> <p class="lg:w-2/3 mx-auto text-3xl text-left font-bold title-font mb-4">
{{ .Site.Params.headerTitle }} {{ .Site.Params.headerTitle }}
</h1> </p>
<p class="lg:w-2/3 text-md mx-auto leading-relaxed text-base"> <p class="lg:w-2/3 text-md mx-auto leading-relaxed text-base">
{{ .Site.Params.headerDesc }} {{ .Site.Params.headerDesc }}
</p> </p>

View file

@ -72,76 +72,4 @@
font-size: 18px; font-size: 18px;
color: #999; color: #999;
} }
strong,
b {
font-weight: bold;
color: #666;
}
em,
i {
font-style: italic;
color: #666;
}
ul,
ol {
list-style-position: inside;
margin-left: 20px;
}
li {
padding-bottom: 5px;
}
ul li {
list-style-type: disc;
}
ol li {
list-style-type: decimal;
}
table {
border-collapse: collapse;
width: 100;
}
th,
td {
border: 1px solid #ddd;
padding: 5px;
text-align: left;
}
th {
font-weight: bold;
}
blockquote {
background-color: #f7f7f7;
padding: 10px;
margin-bottom: 20px;
border-left: 5px solid #ccc;
}
blockquote p {
font-size: 14px;
color: #666;
}
code,
pre {
font-family: monospace;
background-color: #f0f0f0;
padding: 10px;
border: 1px solid #ddd;
}
code {
display: inline-block;
font-size: 12px;
margin-bottom: 5px;
}
} }

File diff suppressed because one or more lines are too long