@import "tests";

// @import "compass/css3/border-radius";
// @import "recipes/effect/corner-folded";


@import 'recipes/effect/bevel';

.avatar {
    width: 100px;
    height: 100px;
    background-size: 100px;
    @include border-radius(5px);
    display: inline-block;
    background: none center center no-repeat;
}

.avatar1 {
    @extend .avatar;
    @include background-image(url(http://a3.twimg.com/profile_images/1106236669/twitter_sharp.png));
}

.avatar2 {
    @extend .avatar;
    @include background-image(url(https://twimg0-a.akamaihd.net/profile_images/1513955198/IMG_0853-cut.jpg));
}

.bevel-shadow {
    @include bevel-shadow;
}

.bevel-border {
    @include bevel-border;
}

.bevel-shadow-soft {
    @include bevel-shadow(
        $blur: 2px,
        $size: 10px
    );
}