Sha256: 5f79c2a54a92204436c99d03acdae294d3dd2c061d6337d7718e3223b4fc65db
Contents?: true
Size: 1.09 KB
Versions: 40
Compression:
Stored size: 1.09 KB
Contents
//
// Zigzag
//
@mixin zigzag($zigzag-class-name, $zigzag-pseudo-el, $zigzag-bg-color, $zigzag-position, $zigzag-size) {
.#{$zigzag-class-name} {
position: relative;
background: $zigzag-bg-color;
z-index: 1;
&::#{$zigzag-pseudo-el} {
content: "";
position: absolute;
@if ($zigzag-position == top) {
bottom: 100%;
} @else {
top: 100%;
}
left: 0;
right: 0;
display: block;
height: $zigzag-size;
@if ($zigzag-position == top) {
background: -webkit-linear-gradient(-225deg, $zigzag-bg-color $zigzag-size/2, transparent 0) 0 $zigzag-size/2, -webkit-linear-gradient(-315deg, $zigzag-bg-color $zigzag-size/2, transparent 0) 0 $zigzag-size/2;
} @else {
background: -webkit-linear-gradient(225deg, $zigzag-bg-color $zigzag-size/2, transparent 0) 0 $zigzag-size/2, -webkit-linear-gradient(315deg, $zigzag-bg-color $zigzag-size/2, transparent 0) 0 $zigzag-size/2;
}
background: {
position: top left;
repear: repeat-x;
size: $zigzag-size $zigzag-size;
}
}
}
}
Version data entries
40 entries across 40 versions & 1 rubygems