src/resources/themes/vendor/compass-recipes/tests/recipes/effect/bevel/s.scss

   1 @import "tests";
   2
   3 // @import "compass/css3/border-radius";
   4 // @import "recipes/effect/corner-folded";
   5
   6
   7 @import 'recipes/effect/bevel';
   8
   9 .avatar {
  10     width: 100px;
  11     height: 100px;
  12     background-size: 100px;
  13     @include border-radius(5px);
  14     display: inline-block;
  15     background: none center center no-repeat;
  16 }
  17
  18 .avatar1 {
  19     @extend .avatar;
  20     @include background-image(url(http://a3.twimg.com/profile_images/1106236669/twitter_sharp.png));
  21 }
  22
  23 .avatar2 {
  24     @extend .avatar;
  25     @include background-image(url(https://twimg0-a.akamaihd.net/profile_images/1513955198/IMG_0853-cut.jpg));
  26 }
  27
  28 .bevel-shadow {
  29     @include bevel-shadow;
  30 }
  31
  32 .bevel-border {
  33     @include bevel-border;
  34 }
  35
  36 .bevel-shadow-soft {
  37     @include bevel-shadow(
  38         $blur: 2px,
  39         $size: 10px
  40     );
  41 }