Download raw (1.2 KB)

@col-number: 6;
@col-margin: 1.3%;
@col-width: ( 100% - (@col-number - 1) * @col-margin ) / @col-number ;

.fullwidth {
    width: 95%;
    max-width: 1200px;
    padding: 0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    clear: both;  
}

.center {
    text-align: center;
}

/*  SECTIONS  */
section {
    .fullwidth;
    margin-top: 240px;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float:left;
    margin: 1% 0 1% @col-margin;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/* width classes */
.create-w-classes(@i:1) when(@i <= @col-number) {
    .w@{i}{
       width: (@col-width * @i) + (@i - 1) * @col-margin;
       .col;
    }
    .create-w-classes(@i + 1);
}
.create-w-classes();


.left {
  .w2;
  float: left;
  margin-left: 0;
}

.right {
  float: left;
  .w4;
}

.article-detail {
    .w4;
}

.columns {
     .w6;
     margin-left: 0;
}

@media only screen and (max-width: 780px) {
  .article-detail {
      .w6;
       margin-left: 0;
  }
  .left, .right {
       .w6;
       margin-left: 0;
  }
}