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;
}
}
}