tailwind .top

This commit is contained in:
fiatjaf
2023-10-25 06:52:44 -03:00
parent 1c43e330b0
commit 3c71ed4e62
3 changed files with 2 additions and 51 deletions

View File

@@ -82,33 +82,6 @@ body {
display: none;
}
.top {
display: flex;
justify-content: center;
align-items: center;
padding: 1rem 0;
justify-content: left;
}
@media (max-width: 580px) {
.top {
display: block;
width: 90%;
padding: 1rem;
font-size: 0.8rem;
}
}
@media print {
.top {
display: block;
}
}
.theme--default .top span {
color: #e32a6d;
}
.theme--dark .top span {
color: #e32a6d;
}
.columnA {
position: -webkit-sticky;
position: sticky;

View File

@@ -156,28 +156,6 @@ body {
}
}
.top {
display: flex;
justify-content: center;
align-items: center;
padding: 1rem 0;
justify-content: left;
@media (max-width: 580px) {
display: block;
width: 90%;
padding: 1rem;
font-size: 0.8rem;
}
@media print {
display: block;
}
span {
@include themed() {
color: t($accent1);
}
}
}
.columnA {
position: -webkit-sticky;
position: sticky;

View File

@@ -1,6 +1,6 @@
<header class="top">
<header class="text-sm sm:text-base sm:flex items-center p-4 print:block">
<a href="https://nostr.com" class="print:hidden text-md text-right basis-1/6"
>What is <span>Nostr</span>?</a
>What is <span class="text-strongpink">Nostr</span>?</a
>
<div
class="theme-toggle"