Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5808 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5436 stevensc 1 
@use "../../settings/mixins.scss";
2 
 
5280 stevensc 3 
.main-section-data {
4 
  width: 100%;
5808 stevensc 5 
  display: grid;
5280 stevensc 6 
  gap: 1rem;
5808 stevensc 7 
  grid-template-areas: "main" "left" "right";
5280 stevensc 8 
 
9 
  @media (min-width: 768px) {
5808 stevensc 10 
    grid-template-columns: 40% 58%;
5801 stevensc 11 
    grid-template-areas: "left main" "right main" "other main";
5280 stevensc 12 
  }
13 
 
14 
  @media (min-width: 1200px) {
5808 stevensc 15 
    grid-template-columns: 27% 43% 27%;
5809 stevensc 16 
    grid-template-areas: "left main right";
5280 stevensc 17 
  }
18 
}
19 
 
20 
.main-left-sidebar,
21 
.right-sidebar {
22 
  display: flex;
23 
  flex-direction: column;
24 
  gap: 0.5rem;
25 
}
26 
 
27 
.right-sidebar {
5799 stevensc 28 
  grid-area: right;
5280 stevensc 29 
}
30 
 
31 
.main-left-sidebar {
5799 stevensc 32 
  grid-area: left;
5280 stevensc 33 
}
34 
 
35 
.feed-section {
36 
  display: flex;
37 
  flex-direction: column;
38 
  gap: 10px;
5800 stevensc 39 
  grid-area: main;
5280 stevensc 40 
}