Proyectos de Subversion LeadersLinked - Antes de SPA

.view {
  padding: 0 5%;
  margin-top: 2rem;

  .tab {
    margin: 0;
  }

  .description {
    margin-bottom: 1rem;
  }
}

@include maxwidth("small") {
  .view {
    padding: 0 10%;
  }
}

@include maxwidth("medium") {
  .view {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1rem;
    grid-template-areas:
      "tab ."
      "head side"
      "desc side";

    .tab {
      grid-area: tab;
    }

    .description {
      grid-area: desc;
    }

    .description_header {
      grid-area: head;
    }

    .sidebar {
      grid-area: side;
    }
  }
}

@include maxwidth("large") {
  .view {
    grid-template-columns: 60% 20%;
    gap: 1rem 3rem;
    grid-template-areas:
      "tab . "
      "head side"
      "desc side";
  }
}