Remove tailwind from footer
This commit is contained in:
parent
6a6ef20344
commit
bbff53c00b
@ -731,12 +731,77 @@ html body #main-outlet {
|
||||
|
||||
// Footer
|
||||
.orcashub-footer {
|
||||
background-color: rgb(31 41 55);
|
||||
|
||||
.outer-container {
|
||||
max-width: 80rem;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 3rem 1.5rem;
|
||||
}
|
||||
|
||||
.inner-container {
|
||||
padding-bottom: 2rem;
|
||||
|
||||
@media (min-width: 1280) {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
gap: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
gap: 2rem;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
|
||||
@media (min-width: 1280) {
|
||||
grid-column: span 4/span 4;
|
||||
}
|
||||
}
|
||||
|
||||
.grid-row {
|
||||
@media (min-width: 768px) {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.second-group {
|
||||
margin-top: 3rem;
|
||||
|
||||
@media (min-width: 768px) {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
li {
|
||||
a {
|
||||
color: rgb(209 213 219);
|
||||
font-size: 16px;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
// I couldn't get this to work with normal tailwind classes.
|
||||
color: rgb(209 213 219/var(--tw-text-opacity)) !important;
|
||||
color: rgb(209 213 219) !important;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
@ -1,70 +1,42 @@
|
||||
<link rel="stylesheet" href="https://orcas.is/files/css/styles.css">
|
||||
|
||||
<footer class=" orcashub-footer bg-gray-800" aria-labelledby="footer-heading">
|
||||
<h2 id="footer-heading" class="sr-only">Footer</h2>
|
||||
<div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8 lg:py-16">
|
||||
<div class="pb-8 xl:grid xl:grid-cols-4 xl:gap-8">
|
||||
<div class="grid grid-cols-2 gap-8 xl:col-span-4">
|
||||
<div class="md:grid md:grid-cols-2 md:gap-8">
|
||||
<footer class=" orcashub-footer">
|
||||
<div class="outer-container">
|
||||
<div class="inner-container">
|
||||
<div class="grid">
|
||||
<div class="grid-row">
|
||||
<div>
|
||||
<h3 class="text-base font-medium text-white">Classifieds</h3>
|
||||
<h3>Classifieds</h3>
|
||||
<ul>
|
||||
<li><a href="https://orcas.community/classified/for-sale"
|
||||
class="text-base text-gray-300 hover:text-white">For
|
||||
Sale</a></li>
|
||||
<li><a href="https://orcas.community/classified/for-free"
|
||||
class="text-base text-gray-300 hover:text-white">For
|
||||
Free</a></li>
|
||||
<li><a href="https://orcas.community/classified/want-to-buy"
|
||||
class="text-base text-gray-300 hover:text-white">Looking
|
||||
For</a></li>
|
||||
<li><a href="https://orcas.community/classified/want-to-borrow"
|
||||
class="text-base text-gray-300 hover:text-white">Want to
|
||||
Borrow</a></li>
|
||||
<li><a href="https://orcas.community/classified/new"
|
||||
class="text-base text-gray-300 hover:text-white">New Post</a>
|
||||
</li>
|
||||
<li><a href="https://orcas.community/classified/for-sale">For Sale</a></li>
|
||||
<li><a href="https://orcas.community/classified/for-free">For Free</a></li>
|
||||
<li><a href="https://orcas.community/classified/want-to-buy">Looking For</a></li>
|
||||
<li><a href="https://orcas.community/classified/want-to-borrow">Want to Borrow</a></li>
|
||||
<li><a href="https://orcas.community/classified/new">New Post</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mt-12 md:mt-0">
|
||||
<h3 class="text-base font-medium text-white">Housing</h3>
|
||||
<div class="second-group">
|
||||
<h3>Housing</h3>
|
||||
<ul>
|
||||
<li><a href="https://orcas.community/housing/for-rent"
|
||||
class="text-base text-gray-300 hover:text-white">For
|
||||
Rent</a></li>
|
||||
<li><a href="https://orcas.community/housing/request"
|
||||
class="text-base text-gray-300 hover:text-white">Requests</a>
|
||||
</li>
|
||||
<li><a href="https://orcas.community/housing/new"
|
||||
class="text-base text-gray-300 hover:text-white">New Post</a>
|
||||
</li>
|
||||
<li><a href="https://orcas.community/housing/for-rent">For Rent</a></li>
|
||||
<li><a href="https://orcas.community/housing/request">Requests</a> </li>
|
||||
<li><a href="https://orcas.community/housing/new">New Post</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md:grid md:grid-cols-2 md:gap-8">
|
||||
<div class="grid-row">
|
||||
<div>
|
||||
<h3 class="text-base font-medium text-white">Other Services</h3>
|
||||
<h3>Other Services</h3>
|
||||
<ul>
|
||||
<li><a href="/" class="text-base text-gray-300 hover:text-white" target="_blank">Groups</a>
|
||||
</li>
|
||||
<li><a href="https://orcas.community/events"
|
||||
class="text-base text-gray-300 hover:text-white">Events</a>
|
||||
</li>
|
||||
<li><a href="https://sanjuans.online/" class="text-base text-gray-300 hover:text-white"
|
||||
target="_blank">San Juans Online</a></li>
|
||||
<li><a href="/" target="_blank">Groups</a> </li>
|
||||
<li><a href="https://orcas.community/events">Events</a> </li>
|
||||
<li><a href="https://sanjuans.online/" target="_blank">San Juans Online</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mt-12 md:mt-0">
|
||||
<h3 class="text-base font-medium text-white">About</h3>
|
||||
<div class="second-group">
|
||||
<h3>About</h3>
|
||||
<ul>
|
||||
<li><a href="https://orcas.community/terms-of-service"
|
||||
class="text-base text-gray-300 hover:text-white">Terms of
|
||||
Service</a></li>
|
||||
<li><a href="https://orcas.community/privacy-policy"
|
||||
class="text-base text-gray-300 hover:text-white">Privacy
|
||||
Policy</a></li>
|
||||
<li><a href="https://opencollective.com/orcas-community"
|
||||
class="text-base text-gray-300 hover:text-white" target="_blank">Donate</a></li>
|
||||
<li><a href="https://orcas.community/terms-of-service">Terms of Service</a></li>
|
||||
<li><a href="https://orcas.community/privacy-policy">Privacy Policy</a></li>
|
||||
<li><a href="https://opencollective.com/orcas-community" target="_blank">Donate</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue
Block a user