diff --git a/app/models/arrow.js b/app/models/arrow.js index e52f640..56aef31 100644 --- a/app/models/arrow.js +++ b/app/models/arrow.js @@ -92,7 +92,7 @@ Arrow.prototype = { } css += '\tborder: solid transparent;\n'; - css += '\tcontent: " ";\n'; + css += '\tcontent: "";\n'; css += '\theight: 0;\n'; css += '\twidth: 0;\n'; css += '\tposition: absolute;\n'; diff --git a/package.json b/package.json index 258cd66..0686635 100644 --- a/package.json +++ b/package.json @@ -31,7 +31,7 @@ "sinon-chai": "latest" }, "engines": { - "node": ">=0.10" + "node": ">=8.1.4" }, "licenses": [ { diff --git a/public/css/app.css b/public/css/app.css index fbf43dc..8a96c1a 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -12,7 +12,7 @@ input[type='radio'] { border: 0; } /* =LAYOUT ====================================================== */ -#content { width: 800px; margin: auto; padding: 100px; padding-bottom: 60px; +#content { width: 800px; margin: auto; padding: 50px; padding-bottom: 60px; /* white radial gradient background */ background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.5)), color-stop(70%,rgba(255,255,255,0))); @@ -23,10 +23,13 @@ input[type='radio'] { border: 0; } } #footer { padding-top: 10px; font-size: 13px; color: rgba(255, 255, 255, 0.7); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); border-top: 1px solid #797f85; border-top-color: rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2); vertical-align: top; text-align: center; } #footer a { vertical-align: top; color: #fff; } +#footer span { vertical-align: top;} .clr:after { clear:both; content:"."; display: block; height:0; visibility: hidden; line-height:0; font-size:0; } .ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; } +.description { margin-bottom: 50px; font-size: 16px; text-align: center; } + .preview_and_configuration { float: left; width: 395px; } /* =MODULES diff --git a/public/index.html b/public/index.html index c336ad7..196123e 100644 --- a/public/index.html +++ b/public/index.html @@ -10,6 +10,9 @@
+
+ Create and export CSS code for a custom box with an arrow extending out from the side. Great for tooltips, flyouts and the like. +
@@ -64,12 +67,12 @@
Arrow configuration