diff options
Diffstat (limited to 'js/panels/presets/default-style-presets.js')
| -rw-r--r-- | js/panels/presets/default-style-presets.js | 76 |
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 |