/* Icinga Web 2 X.509 Module | (c) 2018 Icinga GmbH | GPLv2 */

[class^='x509-icon-'], [class*=' x509-icon-'] {
    &:before {
        font-style: normal;
        font-weight: normal;
        speak: none;

        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        /* opacity: .8; */

        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;

        /* fix buttons height, for twitter bootstrap */
        line-height: 1em;

        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;

        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;

        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
}

@font-face {
    font-family: 'Icinga Web 2 Module X.509';
    src: url('../x509/icons?q=eot#iefix') format('embedded-opentype'),
         url('../x509/icons?q=woff') format('woff'),
         url('../x509/icons?q=ttf') format('truetype'),
         url('../x509/icons?q=svg#icinga-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^='x509-icon-'], [class*=' x509-icon-'] {
    font-family: 'Icinga Web 2 Module X.509';
}

.x509-icon-ca:before { content: '\e000'; }
.x509-icon-self-signed:before { content: '\e001'; }
.x509-icon-cert:before { content: '\e002'; }
