// Common styles of the project


// 
// @TODO: replace with bem classes
//

@include foundation-global-styles;
@include foundation-visibility-classes;
@include foundation-float-classes;
@include foundation-typography;


button {
    outline: none!important;
}

html,
body {
  height: 100%;
}


// text colors

.u-colorWhite {
    color: $white!important;
}

.u-colorBlack {
    color: $black!important;
}

.u-colorGray {
    color: $medium-gray!important;
}

.u-colorGrayLight {
    color: $light-gray!important;
}

.u-colorGrayLight {
    color: $dark-gray!important;
}

hr {
    &.full {
        max-width: 100%;
    }
}