.#{$alert-class-name} {
    
    &.basic,
    &.block {
        @include border-radius($border-radius);
    }

    &.basic {
        
        @include alert(basic, $alert-bg);

        &.success   { @include alert(basic, $green); }
        &.error     { @include alert(basic, $red); }
        &.info      { @include alert(basic, $blue); }
    }
    
    &.block { 

        @include alert(block, $alert-bg);

        &.success   { @include alert(block, $green); }
        &.error     { @include alert(block, $red); }
        &.info      { @include alert(block, $blue); }
    }

    .ink-dismiss {
        font-family: Arial, sans-serif;
        font-weight: bold;
        @include text-shadow($white 0 1px 0);
        @include opacity(0.25);
        // @include transition(compact(opacity 140ms ease-in-out));

        &:hover { @include opacity(.6); }
    }
}
