/sass/recipes/background/_carbon-fiber.scss
https://bitbucket.org/decore/my-svadba.ru · Sass · 33 lines · 20 code · 4 blank · 9 comment · 0 complexity · d4e764f36dbaa67e93b0748e6faa7955 MD5 · raw file
- /**
- * Carbon Fiber background pattern
- *
- * @author Lea Verou http://lea.verou.me/ for the original pattern
- * @author David Kaneda http://www.davidkaneda.com/ for the Sass mixin
- *
- * @link http://lea.verou.me/css3patterns/
- *
- */
- @import "compass/css3/images";
- $base-color: #222 !default;
- @mixin background-carbon-fiber(
- $background-color: $base-color,
- $dot-color: scale-lightness($background-color, -50),
- $highlight-color: rgba(#fff, .1),
- $spacing-size: 16px,
- $dot-size: 2px
- ) {
- @include background-image(
- radial-gradient($dot-color $dot-size, rgba(darken($dot-color, 5), 0) $dot-size + 1),
- radial-gradient($dot-color $dot-size, rgba(darken($dot-color, 5), 0) $dot-size + 1),
- radial-gradient($highlight-color $dot-size, rgba(#fff, 0) $dot-size + 1px),
- radial-gradient($highlight-color $dot-size, rgba(#fff, 0) $dot-size + 1px)
- );
- background-repeat: repeat;
- background-position: 0 0, $spacing-size/2 $spacing-size/2, 0 1px, $spacing-size/2 $spacing-size/2 + 1px;
- background-color: $background-color;
- background-size: $spacing-size $spacing-size;
- }