gaf-mobile/app/styles/base/global.less

GAF mobile Web site

@import (reference) '../themes/variables';

* {
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    font-size: @type-size;
    .mob-primary-font;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0.4em 0 0.4em 0;
    line-height: 1.1em;
    color: @text-color-dark;

    &.has-heading-rule {
        position: relative;
        margin: 20px 0;
        &::after {
            position: relative;
            display: block;
            padding-top: 20px;
            bottom: 0;
            left: 0;
            width: 70px;
            border-bottom: 3px solid @text-color-dark;
            content:'';
        }
    }
}

h1, h2, h3, h4 {
    font-weight: @type-weight-medium;
}

h5, h6 {
    text-transform: uppercase;
    color: @septenary-color;
}

h1 { font-size: @type-size-xxxlge; }
h2 { font-size: @type-size-xxlge; }
h3 { font-size: @type-size-xlge; }
h4 { font-size: @type-size-lge; }
h5 { font-size: @type-size; }
h6 { font-size: @type-size-sml; }

p {
    margin: 1em 0;
    overflow: hidden;
}

small {
    font-size: @type-size-sml;
}

a {
    color: @link-color;
    text-decoration: none;
    &:active,
    &:focus,
    &:hover,
    &.fl-touch-active {
        cursor: pointer;
    }

    &:hover {
        .no-touch & {
            text-decoration: underline;
        }
    }
}