@import "tools";

.email_list {
    .verified {
        display: inline-block;
        margin-left: 2em;
        font-style: italic;
    }
    .unverified {
        display: inline-block;
        margin-left: 2em;
        color: #717171;
        font-style: italic;
    }
    .primary {
        display: inline-block;
        margin-left: 2em;
        font-weight: bold;
    }
}

.socialaccount_provider {
    display: inline-block;
    background-repeat: no-repeat;
    color: transparent;
    
    @include size-px(height, 40);
    @include size-px(width, 40);
    vertical-align: middle;

    &.google {
        background-image: url(/static/img/auth/google.png);
    }
}


.socialaccount_providers {
    margin: 0;
    @include size-px(margin-top, 10);
    @include size-px(margin-bottom, 10);
    padding: 0;

    li {
        display: inline;
        list-style: none;
        @include size-px(margin-right, 10);
    }
}