// // GLOBAL //
-
{ box-sizing: border-box;
}
html {
font-size: 100%; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
body {
font-size: $body-font-size; font-style: normal; font-weight: 400; line-height: 1.5; color: #222622;
}
/* Links */ a {
color: #1a8cff; text-decoration: none; &:hover { color: #1a8cff; } &:active, &:hover { outline: 0; }
}
/* Layout utilities */ .container { max-width: $container-width; }
.col-1 { width: (1 / 12 * 100%); } .col-2 { width: (2 / 12 * 100%); } .col-3 { width: (3 / 12 * 100%); } .col-4 { width: (4 / 12 * 100%); } .col-5 { width: (5 / 12 * 100%); } .col-6 { width: (6 / 12 * 100%); } .col-7 { width: (7 / 12 * 100%); } .col-8 { width: (8 / 12 * 100%); } .col-9 { width: (9 / 12 * 100%); } .col-10 { width: (10 / 12 * 100%); } .col-11 { width: (11 / 12 * 100%); } .col-12 { width: 100%; }
@media (max-width: $breakpoint-lg) {
.sm-width-full { width: 100% !important; }
}
.block { display: block !important; } .inline-block { display: inline-block !important; }
.table { display: table !important; }
.left { float: left; } .right { float: right; }
.list {
list-style: none; padding-left: 0;
}
/* Padding */ .px-0 { padding-left: 0; padding-right: 0 } .py-0 { padding-top: 0; padding-bottom: 0 }
.px-1 { padding-left: $spacer-1; padding-right: $spacer-1 } .py-1 { padding-top: $spacer-1; padding-bottom: $spacer-1 }
.px-2 { padding-left: $spacer-2; padding-right: $spacer-2; } .py-2 { padding-top: $spacer-2; padding-bottom: $spacer-2; }
.px-3 { padding-left: $spacer-3; padding-right: $spacer-3; } .py-3 { padding-top: $spacer-3; padding-bottom: $spacer-3; }
.px-4 { padding-left: $spacer-4; padding-right: $spacer-4; } .py-4 { padding-top: $spacer-4; padding-bottom: $spacer-4; }
/* Margin */ .mx-auto { margin-left: auto; margin-right: auto; }
.mt-0 { margin-top: 0; } .mr-0 { margin-right: 0; } .mb-0 { margin-bottom: 0; } .ml-0 { margin-left: 0; }
.mt-1 { margin-top: $spacer-1; } .mr-1 { margin-right: $spacer-1; } .mb-1 { margin-bottom: $spacer-1; } .ml-1 { margin-left: $spacer-1; }
.mt-2 { margin-top: $spacer-2; } .mr-2 { margin-right: $spacer-2; } .mb-2 { margin-bottom: $spacer-2; } .ml-2 { margin-left: $spacer-2; }
.mt-3 { margin-top: $spacer-3; } .mr-3 { margin-right: $spacer-3; } .mb-3 { margin-bottom: $spacer-3; } .ml-3 { margin-left: $spacer-3; }
.mt-4 { margin-top: $spacer-4; } .mr-4 { margin-right: $spacer-4; } .mb-4 { margin-bottom: $spacer-4; } .ml-4 { margin-left: $spacer-4; }
/* Clearfix */ .clearfix {
@include clearfix;
}