gaf-mobile/app/styles/modules/SkillTag.less

GAF mobile Web site

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

/**
 * Skill Tag
 *
 * Used to display user skills
 *
 * Markup: SkillTag.html
 *
 * Styleguide 9
 */

@SkillTag-bgBaseColor: @septenary-color-xxxlight;

.SkillTag {
    display: inline-block;
    padding: 8px 15px;
    margin: 5px 3px 5px 0;
    border: 1px solid @quaternary-color-xxxlight;
    border-radius: 3px;
    font-size: @type-size-xsml;
    color: @text-color-xdark;
    .linear-gradient(@SkillTag-bgBaseColor, @quaternary-color-xxxxxlight);

    &:hover {
        text-decoration: none;
    }
}