Lines Matching refs:gradient

1 // Borrowed from Compass's actual test suite, but cut down to just the gradient
8 .bg-shortcut-linear-gradient {
9   background: #fff linear-gradient(top left, #ddd, #aaa);
12 .bg-shortcut-radial-gradient {
13   background: #fff radial-gradient(center center, #ddd, #aaa 100px);
16 .bg-linear-gradient-angle-svg {
17   background-image: linear-gradient(-45deg, blue, black);
20 .bg-linear-gradient-angle2-svg {
21   background-image: linear-gradient(top left, blue, black);
24 .bg-linear-gradient {
25   background-image: linear-gradient(top left, #ddd, #aaa);
28 .bg-linear-gradient-pixel-stop-from-top {
29   background-image: linear-gradient(top, #ddd 10px, #aaa 40px);
32 .bg-linear-gradient-pixel-stop-from-left {
33   background-image: linear-gradient(left, #ddd 10px, #aaa 40px);
36 .transparent-in-linear-gradient {
37   background-image: #fff linear-gradient(top left, transparent, #aaa);
40 .bg-radial-gradient {
41   background-image: radial-gradient(center center, #ddd, transparent 100px);
44 .bg-linear-gradient-with-angle {
45   background-image: linear-gradient(-45deg, #ddd, #aaa);
48 .bg-radial-gradient-with-angle-and-shape {
49   background-image: radial-gradient(ellipse cover, #ddd, #aaa 100px);
52 .bg-all-gradient-types {
53   background-image: linear-gradient(top left, #ddd, #aaa);
54   background-image: radial-gradient(center center, #ddd, #aaa 100px);
57 .border-image-gradient {
58   border-image: radial-gradient(#0f0,#f00 100px) 100 stretch;
61 .direct-list-image-with-gradient {
62   list-style-image: radial-gradient(lime, red 10px);
65 .shorthand-list-image-with-gradient {
66   list-style: outside radial-gradient(lime, red 10px);
69 .content-with-gradient {
70   content: radial-gradient(lime, red 10px);
73 .bg-linear-gradient-no-position {
74   background-image: linear-gradient(#ddd, #aaa);
77 .bg-radial-gradient-no-position {
78   background-image: radial-gradient(#ddd, #aaa 100px);
82   background-image: cross-fade(radial-gradient(#ddd, #aaa 100px), url("4x6.png"));
89 .bg-radial-gradient-at {
90     background: radial-gradient(circle at center, red 0%, green 100%);
93 .bg-linear-gradient-to {
94   background: linear-gradient(to right, red 0%, green 100%);