stylistic 0.0.2

data/lib/generators/stylistic/templates/less.css

@@ -0,0 +1,153 @@
+/*	Less Framework 3
+	by Joni Korpi
+	http://lessframework.com	*/
+
+
+/*	Resets
+	------	*/
+
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
+p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
+img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, 
+dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figure, figcaption, hgroup, 
+menu, footer, header, nav, section, summary, time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+}
+
+article, aside, canvas, figure, figure img, figcaption, hgroup,
+footer, header, nav, section, audio, video {
+	display: block;
+}
+
+a img {border: 0;}
+
+figure {position: relative;}
+figure img {width: 100%;}
+
+
+/*	Typography presets
+	------------------	*/
+
+.gigantic {
+	font-size: 110px;
+	line-height: 120px;
+	letter-spacing: -2px;
+}
+
+.huge, h1 {
+	font-size: 68px;
+	line-height: 72px;
+	letter-spacing: -1px;
+}
+
+.large, h2 {
+	font-size: 42px;
+	line-height: 48px;
+}
+
+.big, h3 {
+	font-size: 26px;
+	line-height: 36px;
+}
+
+.normal, body {
+	font: 16px/24px Helvetica, Arial, sans-serif;
+}
+
+.small {
+	font-size: 13px;
+	line-height: 18px;
+} 
+
+
+/*	Default 8-column layout
+	60 px columns, 24 px gutters, 60 px margins, 768 px total
+	---------------------------------------------------------
+	1     2      3      4      5      6      7      8     
+	60px  144px  228px  312px  396px  480px  564px  648px	*/
+
+body {
+	background: rgb(232,232,232);
+	padding: 84px 60px 0;
+	width: 648px;
+	-webkit-tap-highlight-color: rgb(255,255,0);
+}
+
+::selection 	 	{background: rgb(255,255,0);}
+::-moz-selection 	{background: rgb(255,255,0);}
+img::selection 		{background: transparent;}
+img::-moz-selection {background: transparent;}
+
+#example {
+	height: 600px;
+	background: rgb(60,97,158);
+}
+
+
+/*	13-column layout
+	60 px columns, 24 px gutters, 72 px margins, 1212 px total (extra space for scrollbars)
+	---------------------------------------------------------------------------------------
+	1     2      3      4      5      6      7      8      9      10     11     12     13
+	60px  144px  228px  312px  396px  480px  564px  648px  732px  816px  900px  984px  1068px	*/
+
+@media only screen and (min-width: 1212px) {
+	
+	body {
+		padding: 96px 72px 0;
+		width: 1068px;
+	}
+	
+}
+
+
+/*	5-column layout
+	60 px columns, 24 px gutters, 42 px margins, 480 px total
+	---------------------------------------------------------
+	1     2      3      4      5
+	60px  144px  228px  312px  396px	*/
+
+@media only screen and (max-width: 767px) and (min-width: 480px) {
+	
+	body {
+		padding: 60px 42px 0;
+		width: 396px;
+		-webkit-text-size-adjust: 100%;
+	}
+	
+}
+
+
+/*	3-column layout
+	60 px columns, 24 px gutters, 46 px margins, 320 px total
+	---------------------------------------------------------
+	1     2      3
+	60px  144px  228px	*/
+
+@media only screen and (max-width: 479px) {
+	
+	body {
+		padding: 48px 46px 0;
+		width: 228px;
+		-webkit-text-size-adjust: 100%;
+	}
+	
+}
+
+
+/*	Overrides for iPhone 4 
+	and other high device-pixel-ratio devices
+	-----------------------------------------	*/
+
+@media 
+	only screen and (-webkit-min-device-pixel-ratio: 2),
+	only screen and (min-device-pixel-ratio: 2) {
+	
+	#example {
+		background: rgb(255,158,97);
+	}
+	
+}

data/lib/generators/stylistic/templates/rails.js

@@ -0,0 +1,159 @@
+/*
+ * jquery-ujs
+ *
+ * http://github.com/rails/jquery-ujs/blob/master/src/rails.js
+ *
+ * This rails.js file supports jQuery 1.4.3 and 1.4.4 .
+ *
+ */
+
+jQuery(function ($) {
+    var csrf_token = $('meta[name=csrf-token]').attr('content'),
+        csrf_param = $('meta[name=csrf-param]').attr('content');
+
+    $.fn.extend({
+        /**
+         * Triggers a custom event on an element and returns the event result
+         * this is used to get around not being able to ensure callbacks are placed
+         * at the end of the chain.
+         */
+        triggerAndReturn: function (name, data) {
+            var event = new $.Event(name);
+            this.trigger(event, data);
+
+            return event.result !== false;
+        },
+
+        /**
+         * Handles execution of remote calls. Provides following callbacks:
+         *
+         * - ajax:beforeSend - is executed before firing ajax call
+         * - ajax:success	 - is executed when status is success
+         * - ajax:complete   - is executed when the request finishes, whether in failure or success
+         * - ajax:error      - is execute in case of error
+         */
+        callRemote: function () {
+            var el      = this,
+                method  = el.attr('method') || el.attr('data-method') || 'GET',
+                url     = el.attr('action') || el.attr('href'),
+                dataType  = el.attr('data-type')  || ($.ajaxSettings && $.ajaxSettings.dataType);
+
+            if (url === undefined) {
+                throw "No URL specified for remote call (action or href must be present).";
+            } else {
+                    var $this = $(this), data = el.is('form') ? el.serializeArray() : [];
+
+                    $.ajax({
+                        url: url,
+                        data: data,
+                        dataType: dataType,
+                        type: method.toUpperCase(),
+                        beforeSend: function (xhr) {
+                            if ($this.triggerHandler('ajax:beforeSend') === false) {
+                              return false;
+                            }
+                           // if user has used jQuery.ajaxSetup then call beforeSend callback
+                            var beforeSendGlobalCallback =  $.ajaxSettings && $.ajaxSettings.beforeSend;
+                            if (beforeSendGlobalCallback !== undefined) {
+                                beforeSendGlobalCallback(xhr);
+                            }
+                        },
+                        success: function (data, status, xhr) {
+                            el.trigger('ajax:success', [data, status, xhr]);
+                        },
+                        complete: function (xhr) {
+                            el.trigger('ajax:complete', xhr);
+                        },
+                        error: function (xhr, status, error) {
+                            el.trigger('ajax:error', [xhr, status, error]);
+                        }
+                    });
+            }
+        }
+    });
+
+    /**
+     * confirmation handler
+     */
+    $('body').delegate('a[data-confirm], button[data-confirm], input[data-confirm]', 'click.rails', function () {
+        var el = $(this);
+        if (el.triggerAndReturn('confirm')) {
+            if (!confirm(el.attr('data-confirm'))) {
+                return false;
+            }
+        }
+    });
+
+
+
+    /**
+     * remote handlers
+     */
+    $('form[data-remote]').live('submit.rails', function (e) {
+        $(this).callRemote();
+        e.preventDefault();
+    });
+
+    $('a[data-remote],input[data-remote]').live('click.rails', function (e) {
+        $(this).callRemote();
+        e.preventDefault();
+    });
+
+    /**
+     * <%= link_to "Delete", user_path(@user), :method => :delete, :confirm => "Are you sure?" %>
+     *
+     * <a href="/users/5" data-confirm="Are you sure?" data-method="delete" rel="nofollow">Delete</a>
+     */
+    $('a[data-method]:not([data-remote])').live('click.rails', function (e){
+        var link = $(this),
+            href = link.attr('href'),
+            method = link.attr('data-method'),
+            form = $('<form method="post" action="'+href+'"></form>'),
+            metadata_input = '<input name="_method" value="'+method+'" type="hidden" />';
+
+        if (csrf_param !== undefined && csrf_token !== undefined) {
+            metadata_input += '<input name="'+csrf_param+'" value="'+csrf_token+'" type="hidden" />';
+        }
+
+        form.hide()
+            .append(metadata_input)
+            .appendTo('body');
+
+        e.preventDefault();
+        form.submit();
+    });
+
+    /**
+     * disable-with handlers
+     */
+    var disable_with_input_selector           = 'input[data-disable-with]',
+        disable_with_form_remote_selector     = 'form[data-remote]:has('       + disable_with_input_selector + ')',
+        disable_with_form_not_remote_selector = 'form:not([data-remote]):has(' + disable_with_input_selector + ')';
+
+    var disable_with_input_function = function () {
+        $(this).find(disable_with_input_selector).each(function () {
+            var input = $(this);
+            input.data('enable-with', input.val())
+                .attr('value', input.attr('data-disable-with'))
+                .attr('disabled', 'disabled');
+        });
+    };
+
+    $(disable_with_form_remote_selector).live('ajax:before.rails', disable_with_input_function);
+    $(disable_with_form_not_remote_selector).live('submit.rails', disable_with_input_function);
+
+    $(disable_with_form_remote_selector).live('ajax:complete.rails', function () {
+        $(this).find(disable_with_input_selector).each(function () {
+            var input = $(this);
+            input.removeAttr('disabled')
+                 .val(input.data('enable-with'));
+        });
+    });
+
+    var jqueryVersion = $().jquery;
+
+	if (!( (jqueryVersion === '1.4.3') || (jqueryVersion === '1.4.4'))){
+		alert('This rails.js does not support the jQuery version you are using. Please read documentation.');
+	}
+
+});

data/lib/generators/stylistic/templates/squaregrid.css

@@ -0,0 +1,39 @@
+/* RESET CSS by http://meyerweb.com/eric/tools/css/reset/ */
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0;	font-size:100%; vertical-align:baseline; background:transparent;}
+body {line-height:1;}
+ol, ul {list-style:none;}
+blockquote, q {quotes:none;}
+blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
+:focus {outline:0;} /* remember to define focus styles! */
+ins {text-decoration:none;} /* remember to highlight inserts somehow! */
+del {text-decoration:line-through;} 
+table {border-collapse:collapse; border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */
+.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} /* source: http://sonspring.com/journal/clearing-floats */
+
+/* BEGIN SQUARE GRID CODE */
+body {background-color:#f4f4f4; font-size:62.5%; line-height:28px; /* for RTL add: 'direction: rtl;' */ }
+
+/* your main wrapping div */
+#wrapper{ margin: 0 auto; position:relative; overflow: hidden; width: 994px;background:#fff url(../images/sg_grid_sub.png) center top repeat; }
+#container{width:1008px; /* essential */ margin-left:-7px;}
+
+/* global styling to apply to all columns */
+.sg-1, .sg-2, .sg-3, .sg-4, .sg-5, .sg-6, .sg-7, .sg-8, .sg-9, .sg-10, .sg-11, .sg-12, .sg-13, .sg-14, .sg-15, .sg-16, .sg-17, .sg-18, .sg-19, .sg-20, .sg-21, .sg-22, .sg-23, .sg-24, .sg-25, .sg-26, .sg-27, .sg-28, .sg-29, .sg-30, .sg-31, .sg-32, .sg-33, .sg-34, .sg-35
+{margin:0px 14px 28px 14px; float:left; /* for RTL change float to 'right' */ }
+
+/* if you want to have a div as a parent with divs inside - add this class to parent div */
+.sgParent{margin:0px;}
+
+/* essential: width for all columns */
+.sg-1{width:28px} .sg-2{width:56px} .sg-3{width:84px} .sg-4{width:112px} .sg-5{width:140px} .sg-6{width:168px} .sg-7{width:196px} .sg-8{width:224px} .sg-9{width:252px} .sg-10{width:280px} .sg-11{width:308px} .sg-12{width:336px} .sg-13{width:364px} .sg-14{width:392px} .sg-15{width:420px} .sg-16{width:448px} .sg-17{width:476px} .sg-18{width:504px} .sg-19{width:532px} .sg-20{width:560px} .sg-21{width:588px} .sg-22{width:616px} .sg-23{width:644px} .sg-24{width:672px} .sg-25{width:700px} .sg-26{width:728px} .sg-27{width:756px} .sg-28{width:784px} .sg-29{width:812px} .sg-30{width:840px} .sg-31{width:868px} .sg-32{width:896px} .sg-33{width:924px} .sg-34{width:952px} .sg-35{width:980px}
+
+/* add a dividing border to the right or left simply by addiing one of these classes to a div */
+.borderRight{border-right:1px solid #222; margin-right:0px; padding-right:13px;}
+.borderLeft  {border-left:1px solid #222; margin-left:0px; padding-left:13px;}
+
+/* CONTROLLER - optional */
+#controller{position:fixed; top:14px; right:14px; z-index:9999;}
+#controller ul{border-color:#222; border-style:solid; border-width:0px 1px;}
+#controller ul li a{color:#222; display:block; font:14px/26px Verdana ; height:26px; width:26px; margin:1px; text-align:center; text-decoration:none;}
+#controller ul li a:hover{font-weight:bold;}
+#controller ul li.selected a{background-color:#222; color:#fff; font-weight:bold;}

data/lib/generators/stylistic/templates/stylistic-scaffold.css

@@ -0,0 +1,176 @@
+body {
+	
+	background-color: #eee;
+	margin: 12px;
+	
+}
+
+/* Typography (baseline grid should be divisible by 12px) */
+
+body, form, input, textarea, select, select option {
+	
+	font: 16px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
+	color: #333;
+	
+}
+
+h1, h2, h3, h4, h5, h6, lh {
+	
+	font-weight: bold;
+	text-shadow: 0 1px 0 #fff;
+	
+}
+
+h1 {
+	
+	font-size: 3.5em;
+	line-height: 1.3;
+	letter-spacing: -.05em;
+	margin-bottom: .43em;
+	
+}
+
+h2 {
+	
+	font-size: 2.5em;
+	line-height: 1.2;
+	letter-spacing: -.025em;
+	margin-bottom: .6em;
+	
+}
+
+h3, lh {
+	
+	font-size: 1.875em;
+	line-height: 1.2;
+	margin-bottom: .8em;
+	
+}
+
+h4 {
+	
+	font-size: 1.625em;
+	line-height: 1.4;
+	margin-bottom: .95em;
+	
+}
+
+h5 {
+	
+	font-size: 1em;
+	margin-bottom: 1.5em;
+	
+}
+
+h6 {
+	
+	font-size: 0.875em;
+	line-height: 1.75em;
+	margin-bottom: 1.75em;
+	
+}
+
+p {
+	
+	margin-bottom: 1.5em;
+	
+}
+
+hr {
+	
+	border: 0;
+	border-bottom: 1px solid #fff;
+	height: 1px;
+	background-color: #ccc;
+	
+}
+
+
+/* Form styles */
+
+div.field, div.actions {
+	
+  margin-bottom: 12px;
+
+}
+
+label {
+	
+	font-size: .875em;
+	font-weight: bold;
+	color: #555;
+	
+}
+
+input[type="text"], input[type="email"], input[type="password"], textarea {
+	
+	border: 1px solid #aaa;
+	padding: 3px 6px;
+	
+}
+
+
+/* Rails scaffold flash messages and errors */
+
+#notice, .success {
+
+  background-color: #ccffcc;
+	color: #006600;
+	border: 1px solid #006600;
+	padding: 6px 12px;
+	
+}
+
+#alert, .notice {
+
+  background-color: #ffff99;
+	color: #996633;
+	border: 1px solid #996633;
+	padding: 6px 12px;
+	
+}
+
+.field_with_errors {
+	
+	display: inline;
+	
+}
+
+.field_with_errors input {
+	
+  padding: 2px;
+  background-color: #ffcccc;
+	border: 1px solid #990000;
+
+}
+
+#error_explanation {
+	
+  width: 450px;
+  border: 2px solid red;
+  padding: 7px;
+  padding-bottom: 0;
+  margin-bottom: 20px;
+  background-color: #f0f0f0;
+
+}
+
+#error_explanation h2 {
+	
+  text-align: left;
+  font-weight: bold;
+  padding: 5px 5px 5px 15px;
+  font-size: 12px;
+  margin: -7px;
+  margin-bottom: 0px;
+  background-color: #c00;
+  color: #fff;
+
+}
+
+#error_explanation ul li {
+	
+  font-size: 12px;
+  list-style: square;
+
+}