fieldnotes.tech feather.io css

extra-styles.css

@media (min-width: 700px) {
    :root {
        --title-font-size: 6rem !important;
        --logo-size: 8rem !important;
    }
}
@media (max-width: 700px) {
    :root {
        --title-font-size: 4rem !important;
        --logo-size: 6rem !important;
    }
}
@media (max-width: 580px) {
    :root {
        --title-font-size: 2rem !important;
        --logo-size: 4rem !important;
    }
}

    body > section > header {
        position: sticky !important;
    }
    /* make the logo bigger and sticky */
    body > section > header > div > div img {
        width: var(--logo-size) !important;
        height: var(--logo-size) !important;
        border-radius: 50%;
        background-color: red;
    }

h1.current-post-title {
    font-size: var(--title-font-size) !important;
    text-align: start !important;
    line-height: var(--title-font-size);
}

@media (max-width: 999px) {
    body > section > header {
        position: static !important;
    }
    body > section > header > div > div img {
        width: 6rem !important;
        height: 6rem !important;
    }
}

:root {
    --want-bg:  rgb(209, 228, 221) !important;
    --bg-color: #F00 !important;
    --bg-color-0: #F00 !important;
     --bg-color-1: #F00 !important;
}

main, main > section {
    display: flex;
    flex-direction: column;
}

main > section {
    padding: 0 !important;
}

div.article-cover {
    overflow: visible !important;
}

div.article-cover img {
    object-fit: fill;
}

.font-bold {
    font-weight: 400;
}

main section div div nav,
body main section p.current-post-excerpt,
body > section > main > section.bg-secondary-50.py-12.sm\:py-16.lg\:py-20 > div.max-w-7xl.mx-auto.px-4.sm\:px-6.lg\:px-8 > div > div
{
    display: none !important;
}

/* strip all backgrounds */
body section,
body header,
body footer,
body div {
    background: transparent !important;
}

body {
    background: var(--want-bg) !important;
}

body > section > header {
    --tw-shadow: none !important;
    --ts-shadow-colored: none !important;
    box-shadow: none !important;
    --tw-background-blur: none !important;
    -webkit-backdrop-filter: none !important;
    height: auto !important;
}

/* hide reading progress bar */
#nprogress { display: none !important; }

/* hide burger menu */
details.menu-details { display: none; }