aboutsummaryrefslogtreecommitdiff
path: root/js/panels/presets
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/presets')
-rw-r--r--js/panels/presets/default-style-presets.js76
1 files changed, 48 insertions, 28 deletions
diff --git a/js/panels/presets/default-style-presets.js b/js/panels/presets/default-style-presets.js
index 7455ac9f..3677d976 100644
--- a/js/panels/presets/default-style-presets.js
+++ b/js/panels/presets/default-style-presets.js
@@ -11,42 +11,62 @@ exports.stylePresets = {
11 "children": [ 11 "children": [
12 { 12 {
13 "text": "Border-Radius", 13 "text": "Border-Radius",
14 "classNameBase" : "border-radius", 14 "selectorBase" : "border-radius-preset",
15 "styles" : { 15 "rules" : [{
16 "border-radius": "100px", 16 "selectorSuffix" : "",
17 "border" : "1px solid #333" 17 "styles" : {
18 } 18 "border-radius": "100px",
19 "border" : "1px solid #333"
20 }
21 }]
19 }, 22 },
20 { 23 {
21 "text": "Drop Shadow", 24 "text": "Drop Shadow",
22 "classNameBase" : "drop-shadow", 25 "selectorBase" : "drop-shadow",
23 "styles" : { 26 "rules" : [{
24 "box-shadow": "2px 2px 50px rgba(0,0,0,0.5)", 27 "selectorSuffix" : "",
25 "border" : "1px solid #CCC" 28 "styles" : {
26 } 29 "box-shadow": "2px 2px 50px rgba(0,0,0,0.5)",
30 "border" : "1px solid #CCC"
31 }
32 }]
27 }, 33 },
28 { 34 {
29 "text": "Fancy Box", 35 "text": "Fancy Box",
30 "classNameBase" : "fancy-box", 36 "selectorBase" : "fancy-box",
31 "styles" : { 37 "rules" : [{
32 "box-shadow": "inset 0 0 0 1px #666, inset 0 0 0 2px rgba(225, 225, 225, 0.4), 0 0 20px -10px #333", 38 "selectorSuffix" : "",
33 "border" : "1px solid #FFF", 39 "styles" : {
34 "border-radius": "30px", 40 "box-shadow": "inset 0 0 0 1px #666, inset 0 0 0 2px rgba(225, 225, 225, 0.4), 0 0 20px -10px #333",
35 "background-color": "#7db9e8", 41 "border" : "1px solid #FFF",
36 "background-image": "-webkit-linear-gradient(top, rgba(255,255,255,0.74) 0%,rgba(255,255,255,0) 100%)" 42 "border-radius": "30px",
37 } 43 "background-color": "#7db9e8",
44 "background-image": "-webkit-linear-gradient(top, rgba(255,255,255,0.74) 0%,rgba(255,255,255,0) 100%)"
45 }
46 }]
38 }] 47 }]
39 }, { 48 }, {
40 "text": "Text Styles", 49 "text": "Font Styles",
41 "children": [ 50 "children": [
42 { "text": "Italic" }, 51 {
43 { "text": "Text Shadow" }, 52 "text": "Italic",
44 { "text": "Text Color" } ] 53 "selectorBase" : "italicize",
45 }, { 54 "rules" : [{
46 "text": "Color Styles", 55 "selectorSuffix" : "",
47 "children": [ 56 "styles" : {
48 { "text": "Background Gradient" }, 57 "font-style": "italic"
49 { "text": "Background Color" }, 58 }
50 { "text": "Text Highlight" } ] 59 }]
60 },
61 {
62 "text": "Text Shadow",
63 "selectorBase" : "italicize",
64 "rules" : [{
65 "selectorSuffix" : "",
66 "styles" : {
67 "text-shadow": "1px 1px 3px #333"
68 }
69 }]
70 }]
51 }] 71 }]
52}; \ No newline at end of file 72}; \ No newline at end of file