Skip to content

Commit

Permalink
Update compositor.json
Browse files Browse the repository at this point in the history
  • Loading branch information
Adam Morse committed Jan 16, 2017
1 parent 0f01e5d commit ee393ac
Showing 1 changed file with 43 additions and 50 deletions.
93 changes: 43 additions & 50 deletions compositor.json
View file
Expand Up @@ -7,63 +7,63 @@
"title": "css display",
"branch": "",
"style": {
"name": "Brutalist",
"name": "Swiss",
"componentSet": {
"nav": "nav/BasicNav",
"header": "header/BasicHeader",
"article": "article/MarkdownArticle",
"header": "header/SwissHeader",
"article": "article/SwissArticle",
"footer": "footer/BasicFooter"
},
"fontFamily": "Consolas, \"Liberation Mono\", Menlo, Courier, monospace",
"heading": {},
"typeScale": [
48,
32,
20,
18,
16,
14,
12
],
"fontFamily": "\"Helvetica Neue\", Helvetica, Arial, sans-serif",
"heading": {
"fontWeight": 700,
"letterSpacing": "-0.01em"
},
"layout": {
"maxWidth": 1024,
"fluid": true
},
"colors": {
"text": "#333",
"text": "#000",
"background": "#fff",
"primary": "#666",
"secondary": "#888",
"highlight": "#1f80ff",
"muted": "#f6f6f6",
"border": "#eee"
"primary": "#05a",
"secondary": "#444",
"highlight": "#f30",
"border": "#ccc",
"muted": "#eee"
}
},
"content": [
{
"component": "nav/AbsoluteNav",
"component": "footer/BasicFooter",
"links": [
{
"href": "https://www.npmjs.com/package/css-display",
"text": "Home"
"href": "https://github.com/mrmrs/css-animations",
"text": "Animations"
},
{
"href": "https://github.com/mrmrs/css-display",
"text": "GitHub"
"href": "https://github.com/mrmrs/css-borders",
"text": "Boders"
},
{
"href": "https://npmjs.com/package/css-display",
"text": "Npm"
"href": "https://github.com/mrmrs/css-colors",
"text": "Colors"
},
{
"href": "mrmrs.io",
"text": "Built by bmrmrs"
"href": "",
"text": ""
}
]
],
"meta": "© 2016 ",
"heading": "Related Modules"
},
{
"component": "article/BasicArticle",
"text": "<h1 id=\"css-display-1-0-0\">css-display 1.0.0</h1>\n<p>Css module of single purpose classes for display</p>\n<h4 id=\"stats\">Stats</h4>\n<table>\n<thead>\n<tr>\n<th>371</th>\n<th>30</th>\n<th>30</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>bytes</td>\n<td>selectors</td>\n<td>declarations</td>\n</tr>\n</tbody>\n</table>\n<h2 id=\"installation\">Installation</h2>\n<h4 id=\"with-npm-https-npmjs-com-\">With <a href=\"https://npmjs.com\">npm</a></h4>\n<pre><code>npm install --save-dev css-display\n</code></pre><h4 id=\"with-git\">With Git</h4>\n<pre><code>git clone https://github.com/tachyons-css/css-display\n</code></pre><h2 id=\"usage\">Usage</h2>\n<h4 id=\"using-with-postcss-https-github-com-postcss-postcss-\">Using with <a href=\"https://github.com/postcss/postcss\">PostCSS</a></h4>\n<p>Import the css module</p>\n<pre><code class=\"lang-css\">@import &quot;css-display&quot;;\n</code></pre>\n<p>Then process the CSS using the <a href=\"https://github.com/tachyons-css/tachyons-cli\"><code>tachyons-cli</code></a></p>\n<pre><code class=\"lang-sh\">$ npm i -g tachyons-cli\n$ tachyons-cli path/to/css-file.css &gt; dist/t.css\n</code></pre>\n<h4 id=\"using-the-css\">Using the CSS</h4>\n<p>The built CSS is located in the <code>css</code> directory. It contains an unminified and minified version.\nYou can either cut and paste that css or link to it directly in your html.</p>\n<pre><code class=\"lang-html\">&lt;link rel=&quot;stylesheet&quot; href=&quot;path/to/module/css/css-display&quot;&gt;\n</code></pre>\n<h4 id=\"development\">Development</h4>\n<p>The source CSS files can be found in the <code>src</code> directory.\nRunning <code>$ npm start</code> will process the source CSS and place the built CSS in the <code>css</code> directory.</p>\n<h2 id=\"the-css\">The CSS</h2>\n<pre><code class=\"lang-css\">/*\n\n DISPLAY\n\n https://developer.mozilla.org/en-US/docs/Web/CSS/display\n\n*/\n.display-none { display: none; }\n.display-inline { display: inline; }\n.display-block { display: block; }\n.display-inline-block { display: inline-block; }\n.display-contents { display: contents; }\n.display-list-item { display: list-item; }\n.display-inline-list-item { display: inline-list-item; }\n.display-table { display: table; }\n.display-inline-table { display: inline-table; }\n.display-table-cell { display: table-cell; }\n.display-table-column { display: table-column; }\n.display-table-column-group { display: table-column-group; }\n.display-table-footer-group { display: table-footer-group; }\n.display-table-header-group { display: table-header-group; }\n.display-table-row { display: table-row; }\n.display-table-row-group { display: table-row-group; }\n.display-table-caption { display: table-caption; }\n.display-flex { display: flex; }\n.display-inline-flex { display: inline-flex; }\n.display-grid { display: grid; }\n.display-inline-grid { display: inline-grid; }\n.display-ruby { display: ruby; }\n.display-ruby-base { display: ruby-base; }\n.display-ruby-text { display: ruby-text; }\n.display-ruby-base-container { display: ruby-base-container; }\n.display-ruby-text-container { display: ruby-text-container; }\n.display-run-in { display: run-in; }\n/* Global values */\n.display-inherit { display: inherit; }\n.display-initial { display: initial; }\n.display-unset { display: unset; }\n</code></pre>\n<h2 id=\"contributing\">Contributing</h2>\n<ol>\n<li>Fork it</li>\n<li>Create your feature branch (<code>git checkout -b my-new-feature</code>)</li>\n<li>Commit your changes (<code>git commit -am &apos;Add some feature&apos;</code>)</li>\n<li>Push to the branch (<code>git push origin my-new-feature</code>)</li>\n<li>Create new Pull Request</li>\n</ol>\n<h2 id=\"authors\">Authors</h2>\n<ul>\n<li><a href=\"http://mrmrs.io\">mrmrs</a></li>\n<li><a href=\"http://johnotander.com\">johno</a></li>\n</ul>\n<h2 id=\"license\">License</h2>\n<p>MIT</p>\n",
"html": "<h1 id=\"css-display-1-0-0\">css-display 1.0.0</h1>\n<p>Css module of single purpose classes for display</p>\n<h4 id=\"stats\">Stats</h4>\n<table>\n<thead>\n<tr>\n<th>371</th>\n<th>30</th>\n<th>30</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>bytes</td>\n<td>selectors</td>\n<td>declarations</td>\n</tr>\n</tbody>\n</table>\n<h2 id=\"installation\">Installation</h2>\n<h4 id=\"with-npm-https-npmjs-com-\">With <a href=\"https://npmjs.com\">npm</a></h4>\n<pre><code>npm install --save-dev css-display\n</code></pre><h4 id=\"with-git\">With Git</h4>\n<pre><code>git clone https://github.com/tachyons-css/css-display\n</code></pre><h2 id=\"usage\">Usage</h2>\n<h4 id=\"using-with-postcss-https-github-com-postcss-postcss-\">Using with <a href=\"https://github.com/postcss/postcss\">PostCSS</a></h4>\n<p>Import the css module</p>\n<pre><code class=\"lang-css\">@import &quot;css-display&quot;;\n</code></pre>\n<p>Then process the CSS using the <a href=\"https://github.com/tachyons-css/tachyons-cli\"><code>tachyons-cli</code></a></p>\n<pre><code class=\"lang-sh\">$ npm i -g tachyons-cli\n$ tachyons-cli path/to/css-file.css &gt; dist/t.css\n</code></pre>\n<h4 id=\"using-the-css\">Using the CSS</h4>\n<p>The built CSS is located in the <code>css</code> directory. It contains an unminified and minified version.\nYou can either cut and paste that css or link to it directly in your html.</p>\n<pre><code class=\"lang-html\">&lt;link rel=&quot;stylesheet&quot; href=&quot;path/to/module/css/css-display&quot;&gt;\n</code></pre>\n<h4 id=\"development\">Development</h4>\n<p>The source CSS files can be found in the <code>src</code> directory.\nRunning <code>$ npm start</code> will process the source CSS and place the built CSS in the <code>css</code> directory.</p>\n<h2 id=\"the-css\">The CSS</h2>\n<pre><code class=\"lang-css\">/*\n\n DISPLAY\n\n https://developer.mozilla.org/en-US/docs/Web/CSS/display\n\n*/\n.display-none { display: none; }\n.display-inline { display: inline; }\n.display-block { display: block; }\n.display-inline-block { display: inline-block; }\n.display-contents { display: contents; }\n.display-list-item { display: list-item; }\n.display-inline-list-item { display: inline-list-item; }\n.display-table { display: table; }\n.display-inline-table { display: inline-table; }\n.display-table-cell { display: table-cell; }\n.display-table-column { display: table-column; }\n.display-table-column-group { display: table-column-group; }\n.display-table-footer-group { display: table-footer-group; }\n.display-table-header-group { display: table-header-group; }\n.display-table-row { display: table-row; }\n.display-table-row-group { display: table-row-group; }\n.display-table-caption { display: table-caption; }\n.display-flex { display: flex; }\n.display-inline-flex { display: inline-flex; }\n.display-grid { display: grid; }\n.display-inline-grid { display: inline-grid; }\n.display-ruby { display: ruby; }\n.display-ruby-base { display: ruby-base; }\n.display-ruby-text { display: ruby-text; }\n.display-ruby-base-container { display: ruby-base-container; }\n.display-ruby-text-container { display: ruby-text-container; }\n.display-run-in { display: run-in; }\n/* Global values */\n.display-inherit { display: inherit; }\n.display-initial { display: initial; }\n.display-unset { display: unset; }\n</code></pre>\n<h2 id=\"contributing\">Contributing</h2>\n<ol>\n<li>Fork it</li>\n<li>Create your feature branch (<code>git checkout -b my-new-feature</code>)</li>\n<li>Commit your changes (<code>git commit -am &apos;Add some feature&apos;</code>)</li>\n<li>Push to the branch (<code>git push origin my-new-feature</code>)</li>\n<li>Create new Pull Request</li>\n</ol>\n<h2 id=\"authors\">Authors</h2>\n<ul>\n<li><a href=\"http://mrmrs.io\">mrmrs</a></li>\n<li><a href=\"http://johnotander.com\">johno</a></li>\n</ul>\n<h2 id=\"license\">License</h2>\n<p>MIT</p>\n"
},
{
"component": "header/BannerHeader",
"heading": "display:",
"heading": "Demo for mom",
"subhead": "Every possible value for display: the spec has to offer",
"links": [
{
Expand All @@ -74,35 +74,28 @@
"text": "371 bytes",
"backgroundImage": "http://mrmrs.io/photos/display-large.jpg",
"image": "",
"slug": "A css api module"
"slug": "this is new stuff"
},
{
"component": "article/BasicArticle",
"text": "<h1 id=\"css-display-1-0-0\">css-display 1.0.0</h1>\n<p>Css module of single purpose classes for display</p>\n<h4 id=\"stats\">Stats</h4>\n<table>\n<thead>\n<tr>\n<th>371</th>\n<th>30</th>\n<th>30</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>bytes</td>\n<td>selectors</td>\n<td>declarations</td>\n</tr>\n</tbody>\n</table>\n<h2 id=\"installation\">Installation</h2>\n<h4 id=\"with-npm-https-npmjs-com-\">With <a href=\"https://npmjs.com\">npm</a></h4>\n<pre><code>npm install --save-dev css-display\n</code></pre><h4 id=\"with-git\">With Git</h4>\n<pre><code>git clone https://github.com/tachyons-css/css-display\n</code></pre><h2 id=\"usage\">Usage</h2>\n<h4 id=\"using-with-postcss-https-github-com-postcss-postcss-\">Using with <a href=\"https://github.com/postcss/postcss\">PostCSS</a></h4>\n<p>Import the css module</p>\n<pre><code class=\"lang-css\">@import &quot;css-display&quot;;\n</code></pre>\n<p>Then process the CSS using the <a href=\"https://github.com/tachyons-css/tachyons-cli\"><code>tachyons-cli</code></a></p>\n<pre><code class=\"lang-sh\">$ npm i -g tachyons-cli\n$ tachyons-cli path/to/css-file.css &gt; dist/t.css\n</code></pre>\n<h4 id=\"using-the-css\">Using the CSS</h4>\n<p>The built CSS is located in the <code>css</code> directory. It contains an unminified and minified version.\nYou can either cut and paste that css or link to it directly in your html.</p>\n<pre><code class=\"lang-html\">&lt;link rel=&quot;stylesheet&quot; href=&quot;path/to/module/css/css-display&quot;&gt;\n</code></pre>\n<h4 id=\"development\">Development</h4>\n<p>The source CSS files can be found in the <code>src</code> directory.\nRunning <code>$ npm start</code> will process the source CSS and place the built CSS in the <code>css</code> directory.</p>\n<h2 id=\"the-css\">The CSS</h2>\n<pre><code class=\"lang-css\">/*\n\n DISPLAY\n\n https://developer.mozilla.org/en-US/docs/Web/CSS/display\n\n*/\n.display-none { display: none; }\n.display-inline { display: inline; }\n.display-block { display: block; }\n.display-inline-block { display: inline-block; }\n.display-contents { display: contents; }\n.display-list-item { display: list-item; }\n.display-inline-list-item { display: inline-list-item; }\n.display-table { display: table; }\n.display-inline-table { display: inline-table; }\n.display-table-cell { display: table-cell; }\n.display-table-column { display: table-column; }\n.display-table-column-group { display: table-column-group; }\n.display-table-footer-group { display: table-footer-group; }\n.display-table-header-group { display: table-header-group; }\n.display-table-row { display: table-row; }\n.display-table-row-group { display: table-row-group; }\n.display-table-caption { display: table-caption; }\n.display-flex { display: flex; }\n.display-inline-flex { display: inline-flex; }\n.display-grid { display: grid; }\n.display-inline-grid { display: inline-grid; }\n.display-ruby { display: ruby; }\n.display-ruby-base { display: ruby-base; }\n.display-ruby-text { display: ruby-text; }\n.display-ruby-base-container { display: ruby-base-container; }\n.display-ruby-text-container { display: ruby-text-container; }\n.display-run-in { display: run-in; }\n/* Global values */\n.display-inherit { display: inherit; }\n.display-initial { display: initial; }\n.display-unset { display: unset; }\n</code></pre>\n<h2 id=\"contributing\">Contributing</h2>\n<ol>\n<li>Fork it</li>\n<li>Create your feature branch (<code>git checkout -b my-new-feature</code>)</li>\n<li>Commit your changes (<code>git commit -am &apos;Add some feature&apos;</code>)</li>\n<li>Push to the branch (<code>git push origin my-new-feature</code>)</li>\n<li>Create new Pull Request</li>\n</ol>\n<h2 id=\"authors\">Authors</h2>\n<ul>\n<li><a href=\"http://mrmrs.io\">mrmrs</a></li>\n<li><a href=\"http://johnotander.com\">johno</a></li>\n</ul>\n<h2 id=\"license\">License</h2>\n<p>MIT</p>\n",
"html": "<h1 id=\"css-display-1-0-0\">css-display 1.0.0</h1>\n<p>Css module of single purpose classes for display</p>\n<h4 id=\"stats\">Stats</h4>\n<table>\n<thead>\n<tr>\n<th>371</th>\n<th>30</th>\n<th>30</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>bytes</td>\n<td>selectors</td>\n<td>declarations</td>\n</tr>\n</tbody>\n</table>\n<h2 id=\"installation\">Installation</h2>\n<h4 id=\"with-npm-https-npmjs-com-\">With <a href=\"https://npmjs.com\">npm</a></h4>\n<pre><code>npm install --save-dev css-display\n</code></pre><h4 id=\"with-git\">With Git</h4>\n<pre><code>git clone https://github.com/tachyons-css/css-display\n</code></pre><h2 id=\"usage\">Usage</h2>\n<h4 id=\"using-with-postcss-https-github-com-postcss-postcss-\">Using with <a href=\"https://github.com/postcss/postcss\">PostCSS</a></h4>\n<p>Import the css module</p>\n<pre><code class=\"lang-css\">@import &quot;css-display&quot;;\n</code></pre>\n<p>Then process the CSS using the <a href=\"https://github.com/tachyons-css/tachyons-cli\"><code>tachyons-cli</code></a></p>\n<pre><code class=\"lang-sh\">$ npm i -g tachyons-cli\n$ tachyons-cli path/to/css-file.css &gt; dist/t.css\n</code></pre>\n<h4 id=\"using-the-css\">Using the CSS</h4>\n<p>The built CSS is located in the <code>css</code> directory. It contains an unminified and minified version.\nYou can either cut and paste that css or link to it directly in your html.</p>\n<pre><code class=\"lang-html\">&lt;link rel=&quot;stylesheet&quot; href=&quot;path/to/module/css/css-display&quot;&gt;\n</code></pre>\n<h4 id=\"development\">Development</h4>\n<p>The source CSS files can be found in the <code>src</code> directory.\nRunning <code>$ npm start</code> will process the source CSS and place the built CSS in the <code>css</code> directory.</p>\n<h2 id=\"the-css\">The CSS</h2>\n<pre><code class=\"lang-css\">/*\n\n DISPLAY\n\n https://developer.mozilla.org/en-US/docs/Web/CSS/display\n\n*/\n.display-none { display: none; }\n.display-inline { display: inline; }\n.display-block { display: block; }\n.display-inline-block { display: inline-block; }\n.display-contents { display: contents; }\n.display-list-item { display: list-item; }\n.display-inline-list-item { display: inline-list-item; }\n.display-table { display: table; }\n.display-inline-table { display: inline-table; }\n.display-table-cell { display: table-cell; }\n.display-table-column { display: table-column; }\n.display-table-column-group { display: table-column-group; }\n.display-table-footer-group { display: table-footer-group; }\n.display-table-header-group { display: table-header-group; }\n.display-table-row { display: table-row; }\n.display-table-row-group { display: table-row-group; }\n.display-table-caption { display: table-caption; }\n.display-flex { display: flex; }\n.display-inline-flex { display: inline-flex; }\n.display-grid { display: grid; }\n.display-inline-grid { display: inline-grid; }\n.display-ruby { display: ruby; }\n.display-ruby-base { display: ruby-base; }\n.display-ruby-text { display: ruby-text; }\n.display-ruby-base-container { display: ruby-base-container; }\n.display-ruby-text-container { display: ruby-text-container; }\n.display-run-in { display: run-in; }\n/* Global values */\n.display-inherit { display: inherit; }\n.display-initial { display: initial; }\n.display-unset { display: unset; }\n</code></pre>\n<h2 id=\"contributing\">Contributing</h2>\n<ol>\n<li>Fork it</li>\n<li>Create your feature branch (<code>git checkout -b my-new-feature</code>)</li>\n<li>Commit your changes (<code>git commit -am &apos;Add some feature&apos;</code>)</li>\n<li>Push to the branch (<code>git push origin my-new-feature</code>)</li>\n<li>Create new Pull Request</li>\n</ol>\n<h2 id=\"authors\">Authors</h2>\n<ul>\n<li><a href=\"http://mrmrs.io\">mrmrs</a></li>\n<li><a href=\"http://johnotander.com\">johno</a></li>\n</ul>\n<h2 id=\"license\">License</h2>\n<p>MIT</p>\n"
},
{
"component": "footer/BasicFooter",
"component": "nav/AbsoluteNav",
"links": [
{
"href": "https://github.com/mrmrs/css-animations",
"text": "Animations"
"href": "https://www.npmjs.com/package/css-display",
"text": "Home"
},
{
"href": "https://github.com/mrmrs/css-borders",
"text": "Boders"
"href": "https://github.com/mrmrs/css-display",
"text": "GitHub"
},
{
"href": "https://github.com/mrmrs/css-colors",
"text": "Colors"
"href": "https://npmjs.com/package/css-display",
"text": "Npm"
},
{
"href": "",
"text": ""
"href": "mrmrs.io",
"text": "Built by bmrmrs"
}
],
"meta": "© 2016 ",
"heading": "Related Modules"
]
}
]
}

0 comments on commit ee393ac

Please sign in to comment.