Gecko [ gandhischool.edu.np ]

Name	Size	Permission
_alert.scss	242 B	-rw-r--r--
_background-variant.scss	695 B	-rw-r--r--
_badge.scss	320 B	-rw-r--r--
_border-radius.scss	1.79 KB	-rw-r--r--
_box-shadow.scss	532 B	-rw-r--r--
_breakpoints.scss	4.38 KB	-rw-r--r--
_buttons.scss	3.44 KB	-rw-r--r--
_caret.scss	1.39 KB	-rw-r--r--
_clearfix.scss	93 B	-rw-r--r--
_deprecate.scss	613 B	-rw-r--r--
_float.scss	392 B	-rw-r--r--
_forms.scss	5.2 KB	-rw-r--r--
_gradients.scss	2 KB	-rw-r--r--
_grid-framework.scss	2.04 KB	-rw-r--r--
_grid.scss	2 KB	-rw-r--r--
_hover.scss	757 B	-rw-r--r--
_image.scss	1.13 KB	-rw-r--r--
_list-group.scss	433 B	-rw-r--r--
_lists.scss	170 B	-rw-r--r--
_nav-divider.scss	369 B	-rw-r--r--
_pagination.scss	462 B	-rw-r--r--
_reset-text.scss	481 B	-rw-r--r--
_resize.scss	202 B	-rw-r--r--
_screen-reader.scss	826 B	-rw-r--r--
_size.scss	148 B	-rw-r--r--
_table-row.scss	794 B	-rw-r--r--
_text-emphasis.scss	474 B	-rw-r--r--
_text-hide.scss	326 B	-rw-r--r--
_text-truncate.scss	168 B	-rw-r--r--
_transition.scss	681 B	-rw-r--r--
_visibility.scss	189 B	-rw-r--r--

Code Editor : _grid.scss

/// Grid system
//
// Generate semantic grid columns with these mixins.

@mixin make-container($gutter: $grid-gutter-width) {
  width: 100%;
  padding-right: $gutter / 2;
  padding-left: $gutter / 2;
  margin-right: auto;
  margin-left: auto;
}

@mixin make-row($gutter: $grid-gutter-width) {
  display: flex;
  flex-wrap: wrap;
  margin-right: -$gutter / 2;
  margin-left: -$gutter / 2;
}

// For each breakpoint, define the maximum width of the container in a media query
@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
  @each $breakpoint, $container-max-width in $max-widths {
    @include media-breakpoint-up($breakpoint, $breakpoints) {
      max-width: $container-max-width;
    }
  }
  @include deprecate("The `make-container-max-widths` mixin", "v4.5.2", "v5");
}

@mixin make-col-ready($gutter: $grid-gutter-width) {
  position: relative;
  // Prevent columns from becoming too narrow when at smaller grid tiers by
  // always setting `width: 100%;`. This works because we use `flex` values
  // later on to override this initial width.
  width: 100%;
  padding-right: $gutter / 2;
  padding-left: $gutter / 2;
}

@mixin make-col($size, $columns: $grid-columns) {
  flex: 0 0 percentage($size / $columns);
  // Add a `max-width` to ensure content within each column does not blow out
  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
  // do not appear to require this.
  max-width: percentage($size / $columns);
}

@mixin make-col-auto() {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%; // Reset earlier grid tiers
}

@mixin make-col-offset($size, $columns: $grid-columns) {
  $num: $size / $columns;
  margin-left: if($num == 0, 0, percentage($num));
}

// Row columns
//
// Specify on a parent element(e.g., .row) to force immediate children into NN
// numberof columns. Supports wrapping to new lines, but does not do a Masonry
// style grid.
@mixin row-cols($count) {
  > * {
    flex: 0 0 100% / $count;
    max-width: 100% / $count;
  }
}

${this.title}

Code Editor : _grid.scss