index.scss

@import "settings";
@import "mixins";
@import "buttons";
@import "inputs";
@import "grid";

* {
    margin: 0px;
    padding: 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #484848;
    -webkit-text-stroke: 0.35px;
    -webkit-font-smoothing: antialiased;
    @include vendor-prefix(box-sizing, border-box);
}

html, body {
    min-height: 100vh;
    width: 100%;
}

body {
    background: url(origin("/images/stuff.jpg")) no-repeat 50% 50% fixed;
    @include vendor-prefix(background-size, cover);
}

:disabled, .disabled {
    pointer-events: none;
}

a {
    text-decoration: none;
}

/* ---- Utility Classes ---- */

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.spacer-sm-t {
    margin-top: 10px;
}

/* ------------------------- */


.content {
    max-width: 1200px;
    margin: auto;
    padding: 20px;
}



.button {
    @include button($white, $white);
}

.input {
    @include input($base-grey);
}