@import 'variables';

.headerSection {
    border-bottom: .1rem solid $brand-grey-lighter;
}

.headerSectionTitle {
    display: inline-block;
    margin: 0;
    padding: $spacer / $line-height 0;
    font-size: $font-size-h3;
    color: $brand-grey-light;

    :global(.concepts) & {
        color: $brand-purple;
    }

    :global(.setup) & {
        color: $brand-blue;
    }

    :global(.tutorials) & {
        color: $orange;
    }

    :global(.references) & {
        color: $green;
    }
}

.rootLink {
    display: inline-block;
    margin-right: $spacer / 4;
    color: inherit;
}
