From: Eric Morris Date: Thu, 31 Oct 2013 03:44:02 +0000 (-0700) Subject: Docs wordsmithing X-Git-Tag: v1.0.0~23 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=0c8359d707d75fbda4000baba00016bc93da5bd9;p=thirdparty%2Ffoundation%2Ffoundation-emails.git Docs wordsmithing --- diff --git a/Gruntfile.js b/Gruntfile.js index c24bfc49..42aaaecd 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -97,7 +97,7 @@ module.exports = function(grunt) { }, watch: { docs: { - files: ['docs/docs.php', 'docs/**/*.html'], + files: ['docs/docs.php', 'docs/**/*.php', 'docs/**/*.html'], tasks: ['shell:makeStage', 'includes:docsDev', 'shell:testDocs'], options: { livereload: true, diff --git a/docs/components/panels.php b/docs/components/panels.php index 6d8efff4..cd0eeac6 100644 --- a/docs/components/panels.php +++ b/docs/components/panels.php @@ -1,6 +1,44 @@

Panels

- \ No newline at end of file +

Add a class of panel to a <td> in a .columns table in order to give it a default border and background color. Great for offsetting important content or for quickly prototyping a layout.

+
Example Panel Markup
+ + + + + + + + + +
+ + Main content + +
+ + + + + + + + + +
+ + Panel content + +
+ + + +', +'html') ?> +
+
Sidebar Panel
+ +
\ No newline at end of file diff --git a/docs/components/sub-grid.php b/docs/components/sub-grid.php index e679c018..1f3b805e 100644 --- a/docs/components/sub-grid.php +++ b/docs/components/sub-grid.php @@ -1,17 +1,55 @@

Sub-Grid

- \ No newline at end of file + \ No newline at end of file diff --git a/docs/docs.php b/docs/docs.php index 8c2f61e8..46280db7 100644 --- a/docs/docs.php +++ b/docs/docs.php @@ -4,12 +4,18 @@ #if-basicGrid {height: 120px;} #if-evenColumns {height: 260px;} + #if-subGrid {height: 100px;} #if-centerClass {height: 220px;} + #if-visibilityClasses {height: 110px;} + #if-panels {height: 110px;} @media only screen and (max-width: 632px), only screen and (min-width: 768px) and (max-width: 843px) { #if-basicGrid {height: 150px;} #if-evenColumns {height: 570px;} + #if-subGrid {height: 140px;} #if-centerClass {height: 270px;} + #if-visibilityClasses {height: 110px;} + #if-panels {height: 150px;} } diff --git a/docs/examples/basic-sub-grid.html b/docs/examples/basic-sub-grid.html new file mode 100644 index 00000000..32fc3caa --- /dev/null +++ b/docs/examples/basic-sub-grid.html @@ -0,0 +1,74 @@ + + + + + + + + + + + + +
+
+ + + + + + + + +
+ + + + + + +
+ + + + + + + +
+ .eight.sub-columns + + .four.sub-columns +
+ + 		+ + + + + + +
+ .four columns +
+ +
+ +
+ + + +
+
+ + \ No newline at end of file diff --git a/docs/examples/panels.html b/docs/examples/panels.html new file mode 100644 index 00000000..c4ac2afe --- /dev/null +++ b/docs/examples/panels.html @@ -0,0 +1,71 @@ + + + + + + + + + + + + +
+
+ + + + + + + + +
+ + + + + + +
+ + + + + + +
+ Main content +
+ + 		+ + + + + + +
+ Panel content +
+ +
+ +
+ + + +
+
+ + \ No newline at end of file diff --git a/docs/examples/visibility-classes.html b/docs/examples/visibility-classes.html new file mode 100644 index 00000000..c1330bc9 --- /dev/null +++ b/docs/examples/visibility-classes.html @@ -0,0 +1,72 @@ + + + + + + + + + + + + +
+
+ + + + + + + + +
+ + + + + +
+ + + + + + +
+ + .show-for-small + +
+ + + + + + +
+ + .hide-for-small + +
+ +
+ +
+ + + +
+
+ + \ No newline at end of file