-
Notifications
You must be signed in to change notification settings - Fork 109
Expand file tree
/
Copy pathpattern.min.css
More file actions
2 lines (2 loc) · 12.1 KB
/
Copy pathpattern.min.css
File metadata and controls
2 lines (2 loc) · 12.1 KB
1
2
:root{--patternCurrentColor: currentColor;--patternTransparent: transparent}.pattern-checks-sm{background-image:repeating-linear-gradient(45deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%, var(--patternTransparent) 75%, var(--patternCurrentColor) 75%, var(--patternCurrentColor)),repeating-linear-gradient(45deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%, var(--patternTransparent) 75%, var(--patternCurrentColor) 75%, var(--patternCurrentColor));background-position:0 0,10px 10px;background-size:calc(2 * 10px) calc(2 * 10px)}.pattern-checks-md{background-image:repeating-linear-gradient(45deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%, var(--patternTransparent) 75%, var(--patternCurrentColor) 75%, var(--patternCurrentColor)),repeating-linear-gradient(45deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%, var(--patternTransparent) 75%, var(--patternCurrentColor) 75%, var(--patternCurrentColor));background-position:0 0,25px 25px;background-size:calc(2 * 25px) calc(2 * 25px)}.pattern-checks-lg{background-image:repeating-linear-gradient(45deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%, var(--patternTransparent) 75%, var(--patternCurrentColor) 75%, var(--patternCurrentColor)),repeating-linear-gradient(45deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%, var(--patternTransparent) 75%, var(--patternCurrentColor) 75%, var(--patternCurrentColor));background-position:0 0,50px 50px;background-size:calc(2 * 50px) calc(2 * 50px)}.pattern-checks-xl{background-image:repeating-linear-gradient(45deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%, var(--patternTransparent) 75%, var(--patternCurrentColor) 75%, var(--patternCurrentColor)),repeating-linear-gradient(45deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%, var(--patternTransparent) 75%, var(--patternCurrentColor) 75%, var(--patternCurrentColor));background-position:0 0,100px 100px;background-size:calc(2 * 100px) calc(2 * 100px)}.pattern-grid-sm{background-image:linear-gradient(var(--patternCurrentColor) 1px, var(--patternTransparent) 1px),linear-gradient(to right, var(--patternCurrentColor) 1px, var(--patternTransparent) 1px);background-size:10px 10px}.pattern-grid-md{background-image:linear-gradient(var(--patternCurrentColor) 1px, var(--patternTransparent) 1px),linear-gradient(to right, var(--patternCurrentColor) 1px, var(--patternTransparent) 1px);background-size:25px 25px}.pattern-grid-lg{background-image:linear-gradient(var(--patternCurrentColor) 1px, var(--patternTransparent) 1px),linear-gradient(to right, var(--patternCurrentColor) 1px, var(--patternTransparent) 1px);background-size:50px 50px}.pattern-grid-xl{background-image:linear-gradient(var(--patternCurrentColor) 1px, var(--patternTransparent) 1px),linear-gradient(to right, var(--patternCurrentColor) 1px, var(--patternTransparent) 1px);background-size:100px 100px}.pattern-dots-sm{background-image:radial-gradient(var(--patternCurrentColor) .5px, var(--patternTransparent) .5px);background-size:calc(10 * .5px) calc(10 * .5px)}.pattern-dots-md{background-image:radial-gradient(var(--patternCurrentColor) 1px, var(--patternTransparent) 1px);background-size:calc(10 * 1px) calc(10 * 1px)}.pattern-dots-lg{background-image:radial-gradient(var(--patternCurrentColor) 1.5px, var(--patternTransparent) 1.5px);background-size:calc(10 * 1.5px) calc(10 * 1.5px)}.pattern-dots-xl{background-image:radial-gradient(var(--patternCurrentColor) 2px, var(--patternTransparent) 2px);background-size:calc(10 * 2px) calc(10 * 2px)}.pattern-cross-dots-sm{background-image:radial-gradient(var(--patternCurrentColor) .5px, var(--patternTransparent) .5px),radial-gradient(var(--patternCurrentColor) .5px, var(--patternTransparent) .5px);background-size:calc(20 * .5px) calc(20 * .5px);background-position:0 0,calc(10 * .5px) calc(10 * .5px)}.pattern-cross-dots-md{background-image:radial-gradient(var(--patternCurrentColor) 1px, var(--patternTransparent) 1px),radial-gradient(var(--patternCurrentColor) 1px, var(--patternTransparent) 1px);background-size:calc(20 * 1px) calc(20 * 1px);background-position:0 0,calc(10 * 1px) calc(10 * 1px)}.pattern-cross-dots-lg{background-image:radial-gradient(var(--patternCurrentColor) 1.5px, var(--patternTransparent) 1.5px),radial-gradient(var(--patternCurrentColor) 1.5px, var(--patternTransparent) 1.5px);background-size:calc(20 * 1.5px) calc(20 * 1.5px);background-position:0 0,calc(10 * 1.5px) calc(10 * 1.5px)}.pattern-cross-dots-xl{background-image:radial-gradient(var(--patternCurrentColor) 2px, var(--patternTransparent) 2px),radial-gradient(var(--patternCurrentColor) 2px, var(--patternTransparent) 2px);background-size:calc(20 * 2px) calc(20 * 2px);background-position:0 0,calc(10 * 2px) calc(10 * 2px)}.pattern-vertical-lines-sm{background-image:repeating-linear-gradient(to right, var(--patternCurrentColor), var(--patternCurrentColor) 1px, var(--patternTransparent) 1px, var(--patternTransparent));background-size:10px 10px}.pattern-horizontal-lines-sm{background-image:repeating-linear-gradient(0deg, var(--patternCurrentColor), var(--patternCurrentColor) 1px, var(--patternTransparent) 1px, var(--patternTransparent));background-size:10px 10px}.pattern-diagonal-lines-sm{background-image:repeating-linear-gradient(45deg, var(--patternCurrentColor) 0, var(--patternCurrentColor) 1px, var(--patternTransparent) 0, var(--patternTransparent) 50%);background-size:10px 10px}.pattern-vertical-lines-md{background-image:repeating-linear-gradient(to right, var(--patternCurrentColor), var(--patternCurrentColor) 1px, var(--patternTransparent) 1px, var(--patternTransparent));background-size:25px 25px}.pattern-horizontal-lines-md{background-image:repeating-linear-gradient(0deg, var(--patternCurrentColor), var(--patternCurrentColor) 1px, var(--patternTransparent) 1px, var(--patternTransparent));background-size:25px 25px}.pattern-diagonal-lines-md{background-image:repeating-linear-gradient(45deg, var(--patternCurrentColor) 0, var(--patternCurrentColor) 1px, var(--patternTransparent) 0, var(--patternTransparent) 50%);background-size:25px 25px}.pattern-vertical-lines-lg{background-image:repeating-linear-gradient(to right, var(--patternCurrentColor), var(--patternCurrentColor) 1px, var(--patternTransparent) 1px, var(--patternTransparent));background-size:50px 50px}.pattern-horizontal-lines-lg{background-image:repeating-linear-gradient(0deg, var(--patternCurrentColor), var(--patternCurrentColor) 1px, var(--patternTransparent) 1px, var(--patternTransparent));background-size:50px 50px}.pattern-diagonal-lines-lg{background-image:repeating-linear-gradient(45deg, var(--patternCurrentColor) 0, var(--patternCurrentColor) 1px, var(--patternTransparent) 0, var(--patternTransparent) 50%);background-size:50px 50px}.pattern-vertical-lines-xl{background-image:repeating-linear-gradient(to right, var(--patternCurrentColor), var(--patternCurrentColor) 1px, var(--patternTransparent) 1px, var(--patternTransparent));background-size:100px 100px}.pattern-horizontal-lines-xl{background-image:repeating-linear-gradient(0deg, var(--patternCurrentColor), var(--patternCurrentColor) 1px, var(--patternTransparent) 1px, var(--patternTransparent));background-size:100px 100px}.pattern-diagonal-lines-xl{background-image:repeating-linear-gradient(45deg, var(--patternCurrentColor) 0, var(--patternCurrentColor) 1px, var(--patternTransparent) 0, var(--patternTransparent) 50%);background-size:100px 100px}.pattern-vertical-stripes-sm{background-image:linear-gradient(90deg, var(--patternTransparent) 50%, var(--patternCurrentColor) 50%);background-size:10px 10px}.pattern-horizontal-stripes-sm{background-image:linear-gradient(0deg, var(--patternTransparent) 50%, var(--patternCurrentColor) 50%);background-size:10px 10px}.pattern-diagonal-stripes-sm{background:repeating-linear-gradient(45deg, var(--patternTransparent), var(--patternTransparent) 10px, var(--patternCurrentColor) 10px, var(--patternCurrentColor) calc(2 * 10px))}.pattern-vertical-stripes-md{background-image:linear-gradient(90deg, var(--patternTransparent) 50%, var(--patternCurrentColor) 50%);background-size:25px 25px}.pattern-horizontal-stripes-md{background-image:linear-gradient(0deg, var(--patternTransparent) 50%, var(--patternCurrentColor) 50%);background-size:25px 25px}.pattern-diagonal-stripes-md{background:repeating-linear-gradient(45deg, var(--patternTransparent), var(--patternTransparent) 25px, var(--patternCurrentColor) 25px, var(--patternCurrentColor) calc(2 * 25px))}.pattern-vertical-stripes-lg{background-image:linear-gradient(90deg, var(--patternTransparent) 50%, var(--patternCurrentColor) 50%);background-size:50px 50px}.pattern-horizontal-stripes-lg{background-image:linear-gradient(0deg, var(--patternTransparent) 50%, var(--patternCurrentColor) 50%);background-size:50px 50px}.pattern-diagonal-stripes-lg{background:repeating-linear-gradient(45deg, var(--patternTransparent), var(--patternTransparent) 50px, var(--patternCurrentColor) 50px, var(--patternCurrentColor) calc(2 * 50px))}.pattern-vertical-stripes-xl{background-image:linear-gradient(90deg, var(--patternTransparent) 50%, var(--patternCurrentColor) 50%);background-size:100px 100px}.pattern-horizontal-stripes-xl{background-image:linear-gradient(0deg, var(--patternTransparent) 50%, var(--patternCurrentColor) 50%);background-size:100px 100px}.pattern-diagonal-stripes-xl{background:repeating-linear-gradient(45deg, var(--patternTransparent), var(--patternTransparent) 100px, var(--patternCurrentColor) 100px, var(--patternCurrentColor) calc(2 * 100px))}.pattern-zigzag-sm{background:linear-gradient(135deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%) -10px 0,linear-gradient(225deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%) -10px 0,linear-gradient(315deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%),linear-gradient(45deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%);background-size:calc(2 * 10px) calc(2 * 10px)}.pattern-zigzag-md{background:linear-gradient(135deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%) -25px 0,linear-gradient(225deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%) -25px 0,linear-gradient(315deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%),linear-gradient(45deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%);background-size:calc(2 * 25px) calc(2 * 25px)}.pattern-zigzag-lg{background:linear-gradient(135deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%) -50px 0,linear-gradient(225deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%) -50px 0,linear-gradient(315deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%),linear-gradient(45deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%);background-size:calc(2 * 50px) calc(2 * 50px)}.pattern-zigzag-xl{background:linear-gradient(135deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%) -100px 0,linear-gradient(225deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%) -100px 0,linear-gradient(315deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%),linear-gradient(45deg, var(--patternCurrentColor) 25%, var(--patternTransparent) 25%);background-size:calc(2 * 100px) calc(2 * 100px)}.pattern-triangles-sm{background-image:linear-gradient(45deg, var(--patternCurrentColor) 50%, var(--patternTransparent) 50%);background-size:10px 10px}.pattern-triangles-md{background-image:linear-gradient(45deg, var(--patternCurrentColor) 50%, var(--patternTransparent) 50%);background-size:25px 25px}.pattern-triangles-lg{background-image:linear-gradient(45deg, var(--patternCurrentColor) 50%, var(--patternTransparent) 50%);background-size:50px 50px}.pattern-triangles-xl{background-image:linear-gradient(45deg, var(--patternCurrentColor) 50%, var(--patternTransparent) 50%);background-size:100px 100px}.text-pattern{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--patternTransparent)}.pattern-w-sm{width:10px}.pattern-h-sm{height:10px}.pattern-w-md{width:25px}.pattern-h-md{height:25px}.pattern-w-lg{width:50px}.pattern-h-lg{height:50px}.pattern-w-xl{width:100px}.pattern-h-xl{height:100px}
/*# sourceMappingURL=pattern.min.css.map */