rochacbruno / marmite

Markdown makes sites - A Static Site Generator for Blogs
https://rochacbruno.github.io/marmite/
GNU Affero General Public License v3.0
434 stars 21 forks source link

fix: shrink the main article size #147

Closed rochacbruno closed 5 days ago

rochacbruno commented 6 days ago

The main article size on default template is too wide, that is not good for reading.

We must shrink to a maximum 894px which is the recommended width for readability.

CSS

.content-tags {
    gap: revert;
}
.content-tags li {
    background-color: revert;
    padding:2px;
    margin:0;
}
.content-tags li a {
    color: var(--pico-primary);
}

.content-tags li::before {
    content: "#";
    border: 0;
    position: revert;
    left: revert;
}

.header-menu li {
    padding: revert;
    padding-right: 16px;
}
.content-banner-image {
    height: 200px;
}

@media (min-width: 1280px) {
    :root {
      --pico-font-size: 118.75%;
    }
  }
@media (min-width: 1024px) {
    .container {
      max-width: 894px;
    }
  }
@media (min-width: 1280px) {
    .container {
        max-width: 894px;
    }
}
@media (min-width: 1536px) {
    .container {
        max-width: 894px;
    }
}