Proyectos de Subversion Moodle

Rev

Rev 1 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1 Rev 1441
Línea 1... Línea 1...
1 
// Container widths
 1 
// Row
2 
//
 2 
//
3 
// Set the container width, and override it for fixed navbars in media queries.
 - 
 
4 
 
 - 
 
5 
@if $enable-grid-classes {
 - 
 
6 
  // Single container class with breakpoint max-widths
 - 
 
7 
  .container,
 - 
 
8 
  // 100% wide container at all breakpoints
 - 
 
9 
  .container-fluid {
 3 
// Rows contain your columns.
10 
    @include make-container();
 - 
 
11 
  }
 - 
 
12 
 
 - 
 
13 
  // Responsive containers that are 100% wide until a breakpoint
 - 
 
14 
  @each $breakpoint, $container-max-width in $container-max-widths {
 - 
 
15 
    .container-#{$breakpoint} {
 - 
 
16 
      @extend .container-fluid;
 - 
 
17 
    }
 - 
 
Línea 18... Línea -...
18 
 
 - 
 
19 
    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
 - 
 
20 
      %responsive-container-#{$breakpoint} {
 - 
 
21 
        max-width: $container-max-width;
 4 
 
22 
      }
 - 
 
23 
 
 - 
 
24 
      // Extend each breakpoint which is smaller or equal to the current breakpoint
 - 
 
25 
      $extend-breakpoint: true;
 - 
 
26 
 
 5 
:root {
27 
      @each $name, $width in $grid-breakpoints {
 - 
 
28 
        @if ($extend-breakpoint) {
 - 
 
29 
          .container#{breakpoint-infix($name, $grid-breakpoints)} {
 - 
 
30 
            @extend %responsive-container-#{$breakpoint};
 - 
 
31 
          }
 - 
 
32 
 
 - 
 
33 
          // Once the current breakpoint is reached, stop extending
 6 
  @each $name, $value in $grid-breakpoints {
34 
          @if ($breakpoint == $name) {
 - 
 
35 
            $extend-breakpoint: false;
 - 
 
36 
          }
 - 
 
37 
        }
 - 
 
38 
      }
 - 
 
39 
    }
 7 
    --#{$prefix}breakpoint-#{$name}: #{$value};
40 
  }
 8 
  }
Línea 41... Línea -...
41 
}
 - 
 
42 
 
 - 
 
43 
 
 - 
 
44 
// Row
 - 
 
45 
//
 - 
 
46 
// Rows contain your columns.
 9 
}
47 
 
 10 
 
48 
@if $enable-grid-classes {
 11 
@if $enable-grid-classes {
49 
  .row {
 - 
 
Línea 50... Línea -...
50 
    @include make-row();
 - 
 
51 
  }
 - 
 
52 
 
 - 
 
53 
  // Remove the negative margin from default .row, then the horizontal padding
 - 
 
54 
  // from all immediate children columns (to prevent runaway style inheritance).
 - 
 
55 
  .no-gutters {
 - 
 
56 
    margin-right: 0;
 12 
  .row {
57 
    margin-left: 0;
 13 
    @include make-row();
58 
 
 - 
 
59 
    > .col,
 - 
 
60 
    > [class*="col-"] {
 14 
 
61 
      padding-right: 0;
 15 
    > * {
62 
      padding-left: 0;
 16 
      @include make-col-ready();
Línea -... Línea 17...
- 
 
 17 
    }
- 
 
 18 
  }
- 
 
 19 
}
- 
 
 20 
 
- 
 
 21 
@if $enable-cssgrid {
- 
 
 22 
  .grid {
- 
 
 23 
    display: grid;
- 
 
 24 
    grid-template-rows: repeat(var(--#{$prefix}rows, 1), 1fr);
- 
 
 25 
    grid-template-columns: repeat(var(--#{$prefix}columns, #{$grid-columns}), 1fr);
- 
 
 26 
    gap: var(--#{$prefix}gap, #{$grid-gutter-width});
- 
 
 27 
 
- 
 
 28 
    @include make-cssgrid();
63 
    }
 29 
  }
64 
  }
 30 
}
65 
}
 31 
 
Línea 66... Línea 32...
66 
 
 32