github.com/bosssauce/ponzu@v0.11.1-0.20200102001432-9bc41b703131/system/admin/static/editor/sass/components/_grid.scss (about)

     1  .container {
     2    margin: 0 auto;
     3    max-width: 1280px;
     4    width: 90%;
     5  }
     6  @media #{$medium-and-up} {
     7    .container {
     8      width: 85%;
     9    }
    10  }
    11  @media #{$large-and-up} {
    12    .container {
    13      width: 70%;
    14    }
    15  }
    16  .container .row {
    17    margin-left: (-1 * $gutter-width / 2);
    18    margin-right: (-1 * $gutter-width / 2);
    19  }
    20  
    21  .section {
    22  	padding-top: 1rem;
    23  	padding-bottom: 1rem;
    24  
    25    &.no-pad {
    26      padding: 0;
    27    }
    28    &.no-pad-bot {
    29      padding-bottom: 0;
    30    }
    31    &.no-pad-top {
    32      padding-top: 0;
    33    }
    34  }
    35  
    36  
    37  .row {
    38    margin-left: auto;
    39    margin-right: auto;
    40    margin-bottom: 20px;
    41  
    42    // Clear floating children
    43    &:after {
    44      content: "";
    45      display: table;
    46      clear: both;
    47    }
    48  
    49    .col {
    50      float: left;
    51      @include box-sizing(border-box);
    52      padding: 0 $gutter-width / 2;
    53  
    54      $i: 1;
    55      @while $i <= $num-cols {
    56        $perc: unquote((100 / ($num-cols / $i)) + "%");
    57        &.s#{$i} {
    58          width: $perc;
    59          margin-left: 0;
    60        }
    61        $i: $i + 1;
    62      }
    63      $i: 1;
    64      @while $i <= $num-cols {
    65        $perc: unquote((100 / ($num-cols / $i)) + "%");
    66        &.offset-s#{$i} {
    67          margin-left: $perc;
    68        }
    69        $i: $i + 1;
    70      }
    71  
    72      @media #{$medium-and-up} {
    73  
    74        $i: 1;
    75        @while $i <= $num-cols {
    76          $perc: unquote((100 / ($num-cols / $i)) + "%");
    77          &.m#{$i} {
    78            width: $perc;
    79            margin-left: 0;
    80          }
    81          $i: $i + 1;
    82        }
    83        $i: 1;
    84        @while $i <= $num-cols {
    85          $perc: unquote((100 / ($num-cols / $i)) + "%");
    86          &.offset-m#{$i} {
    87            margin-left: $perc;
    88          }
    89          $i: $i + 1;
    90        }
    91  
    92      }
    93  
    94      @media #{$large-and-up} {
    95  
    96        $i: 1;
    97        @while $i <= $num-cols {
    98          $perc: unquote((100 / ($num-cols / $i)) + "%");
    99          &.l#{$i} {
   100            width: $perc;
   101            margin-left: 0;
   102          }
   103          $i: $i + 1;
   104        }
   105        $i: 1;
   106        @while $i <= $num-cols {
   107          $perc: unquote((100 / ($num-cols / $i)) + "%");
   108          &.offset-l#{$i} {
   109            margin-left: $perc;
   110          }
   111          $i: $i + 1;
   112        }
   113  
   114      }
   115  
   116    }
   117  }