View difference between Paste ID: Z4xCnHW3 and 7xg7rnFa
SHOW: | | - or go back to the newest paste.
1
$grid-columns-default: 12 !default;
2
3
@mixin g-row($margin: 0) {
4
  @include clearfix;
5
  @if $margin != 0 {
6
    margin-left: -$margin;
7
  }
8
}
9
10-
@mixin g-columns($columns, $grid-columns: $grid-columns-default, $margin: 0) {
10+
@mixin g-columns($columns, $margin: 0, $grid-columns: $grid-columns-default, $method: full) {
11-
  float: left;
11+
  @if $method != only-common {
12-
  width: $columns / $grid-columns * 100%;
12+
    width: $columns / $grid-columns * 100%;
13
  }
14-
    @include bx-sz();
14+
  @if $method != only-width {
15-
    border-left: $margin solid transparent;
15+
    float: left;
16
    @if $margin != 0 {
17
      @include bx-sz();
18
      border-left: $margin solid transparent;
19
    }
20
  }
21
}
22
23
@mixin g-push($columns, $grid-columns: $grid-columns-default) {
24
  position: relative;
25
  left: $columns / $grid-columns * 100%;
26
}
27
28
@mixin g-pull($columns, $grid-columns: $grid-columns-default) {
29-
@mixin g-make($grid-columns: $grid-columns-default, $prefix: '', $margin: 0) {
29+
30
  right: $columns / $grid-columns * 100%;
31
}
32
33
@mixin g-make($margin: 0, $prefix: '', $grid-columns: $grid-columns-default ) {
34
  .g#{$prefix}-row {
35-
      @include g-columns($columns, $grid-columns, $margin);
35+
36
  }
37
  $s: ();
38-
  .g#{$prefix}-column-first, .g#{$prefix}-columns-#{$grid-columns} {
38+
39-
    clear: left;
39+
40
      @include g-columns($columns, $margin, $grid-columns, only-width);
41
      $s: $s, unquote('.g#{$prefix}-columns-#{$columns}');
42
    }
43
  }
44
  #{$s} { @include g-columns(0, $margin, $grid-columns, only-common); }
45
  .g#{$prefix}-column-first, .g#{$prefix}-columns-#{$grid-columns} { clear: left; }
46-
  @include g-make(12, '-desk', 2em);
46+
47
48
49
@include breakpoint(desk) {
50
  @include g-make(2em, '-desk', 12);
51
}