almaz-b
4/7/2017 - 3:34 PM

My CSS starter

My CSS starter

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

html, body, figure, H1, H2, H3, H4, H5, H6 {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

.center {
   text-align: center;
}

.right {
   text-align: right;
}

.left {
   text-align: left;
}

.col {

   &-reset {
      padding-left: 0;
      padding-right: 0;
   }

   &-fix {
      padding-left: 15px;
      padding-right: 15px;
   }

}



.row {


   &-reset {
      margin-left: 0;
      margin-right: 0;
   }

   &-zero {
      margin-left: 0;
      margin-right: 0;

      > .col,
   	> [class*="col-"] {
         padding-left: 0;
         padding-right: 0;
   	}

   }

}