Skip to content
This repository
Browse code

add gradient to demo

  • Loading branch information...
commit db9f673bc0044eceab5d9118a5501eba5c7cd5b5 1 parent 5ae8828
Andrew Peterson authored May 25, 2012

Showing 1 changed file with 13 additions and 10 deletions. Show diff stats Hide diff stats

  1. 23  demo.html
23  demo.html
@@ -17,6 +17,7 @@
17 17
 <div class="box rounded">roundedCorners(20)</div>
18 18
 <div class="box roundedLeft">roundedCorners('left', 10)</div>
19 19
 <div class="box roundedBottomLeft">roundedCorners('bl', 30)</div>
  20
+<div class="box gradient">background: linearGradient('top', 'red','maroon', 'red')</div>
20 21
 <div class="box">verticalCentering(50)
21 22
     <div class="smaller_box vcenter"></div>
22 23
 </div>
@@ -89,21 +90,20 @@
89 90
     Csster.style({
90 91
         '.box': {
91 92
             backgroundColor: '#6c9',
92  
-            width: 300,
93  
-            height: 60,
  93
+            width: 200,
  94
+            height: 50,
94 95
             margin: 20,
95 96
             'float': 'left',
96  
-            paddingTop: 20,
  97
+            paddingTop: 10,
97 98
             textAlign: 'center',
98 99
             color: 'yellow',
99  
-            fontWeight: 'bold',
100  
-            position: 'relative',
101  
-            fontFamily: 'verdana',
102  
-            fontSize: 12
  100
+            font: '10px bold "verdana"',
  101
+            position: 'relative'
103 102
         },
104 103
         '.smaller_box': {
105  
-            backgroundColor: 'green',
106  
-            width: 50, height: 50
  104
+            backgroundColor: 'black',
  105
+            opacity:.2,
  106
+            width: 20, height: 20
107 107
         },
108 108
         '.shadowed': boxShadow([5,10], 5, 'green'),
109 109
         '.rounded': roundedCorners(20),
@@ -111,6 +111,9 @@
111 111
         '.roundedBottomLeft': roundedCorners('bl', 30),
112 112
         '.hcenter': horizontalCentering(50),
113 113
         '.vcenter': verticalCentering(50),
  114
+        '.gradient': {
  115
+            background: linearGradient('top', 'red','maroon', 'red')
  116
+        },
114 117
         '.clearfix': {
115 118
             has: clearfix(),
116 119
             height: 'auto',
@@ -125,7 +128,7 @@
125 128
 
126 129
         '.swatches': {
127 130
             backgroundColor: '#69c',
128  
-            'div': {width: 25, height: 18, 'float': 'left', margin: 3},
  131
+            'div': {width: 15, height: 15, 'float': 'left', margin: 3},
129 132
             '&.lighten': {
130 133
                 'div:nth-child(1)': {
131 134
                     backgroundColor: '#69c'.lighten(10)

0 notes on commit db9f673

Please sign in to comment.
Something went wrong with that request. Please try again.