Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5799 | Rev 5801 | 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%;
5 
  display: flex;
6 
  flex-direction: column;
7 
  gap: 1rem;
8 
 
9 
  @media (min-width: 768px) {
10 
    display: grid;
11 
    grid-template-columns: 40% 58% !important;
5799 stevensc 12 
    grid-area: "left main" "right main" "other main";
5280 stevensc 13 
  }
14 
 
15 
  @media (min-width: 1200px) {
16 
    grid-template-columns: 27% 43% 27% !important;
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 {
28 
  grid-column: 1;
29 
  grid-row: auto;
5799 stevensc 30 
  grid-area: right;
5280 stevensc 31 
 
32 
  @media (min-width: 1200px) {
33 
    grid-column: 3;
34 
  }
35 
}
36 
 
37 
.main-left-sidebar {
38 
  grid-column: 1;
39 
  grid-row: auto;
5799 stevensc 40 
  grid-area: left;
5280 stevensc 41 
}
42 
 
43 
.feed-section {
44 
  display: flex;
45 
  flex-direction: column;
46 
  gap: 10px;
5800 stevensc 47 
  grid-area: main;
5280 stevensc 48 
}