FLIP TV mode for post demo.flip-app.com by tesladario

/* ==UserStyle==
@name         FLIP  TV mode for post demo.flip-app.com
@version      20211118.12.45
@namespace    userstyles.world/user/tesladario
@description  FLIP  TV mode for post demo.flip-app.com
@author       tesladario
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://demo.flip-app.com") {
flip-top-bar,
  flip-post-footer,
  flip-comments-feed,
  flip-footer-input,
  [data-cy="post-options-button"],
  .post-article__like-count,
  .post-article__translate {
    display: none !important;
  }

  .flip-content {
    padding-top: 0;
  }

  flip-post-header flip-avatar {
    width: 60px;
    height: 60px;
  }

  flip-post-header [data-cy="post-header-summary"] > .text-body-2 {
    font-size: 1.4rem;
    margin-top: 0.5rem;
  }

  flip-post-header [data-cy="post-header-summary"] flip-date {
    font-size: 1rem;
  }
  .post-article [data-cy="post-title"] {
    font-size: 2.25em;
  }

  .post-article {
    font-size: 1em;
  }

  .post-article [data-cy="post-body"] h1 {
    font-size: 2em;
  }

  .post-article [data-cy="post-body"] h2,
  .post-article [data-cy="post-body"] h3 {
    font-size: 1.75em;
  }

  .post-article [data-cy="post-body"] p,
  .post-article [data-cy="post-body"] li,
  .post-article [data-cy="post-body"] h4,
  .post-article [data-cy="post-body"] h5,
  .post-article [data-cy="post-body"] h6 {
    font-size: 1.75em;
  }
}