/// /// Phantom by HTML5 UP /// html5up.net | @ajlkn /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) ///

/* Icon */

.icon {
        @include icon;
        border-bottom: none;
        position: relative;
        > .label {
                display: none;
        }
        &.style1 {
        }
        &.style2 {
                @include vendor('transition', (
                        'background-color #{_duration(transition)} ease-in-out',
                        'color #{_duration(transition)} ease-in-out',
                        'border-color #{_duration(transition)} ease-in-out'
                ));
                background-color: transparent;
                border: solid 1px _palette(border);
                border-radius: _size(border-radius);
                width: 2.65em;
                height: 2.65em;
                display: inline-block;
                text-align: center;
                line-height: 2.65em;
                color: inherit;
                &:before {
                        font-size: 1.1em;
                }
                &:hover {
                        color: _palette(accent1);
                        border-color: _palette(accent1);
                }
                &:active {
                        background-color: transparentize(_palette(accent1), 0.9);
                }
        }
}