diff --git a/builder/lineage_hunter.js b/builder/lineage_hunter.js index bb072bf..29b85e2 100644 --- a/builder/lineage_hunter.js +++ b/builder/lineage_hunter.js @@ -1,5 +1,5 @@ /* - * patternlab-node - v0.10.1 - 2015 + * patternlab-node - v0.10.1 - 2016 * * Brian Muenzenmeyer, and the web community. * Licensed under the MIT license. diff --git a/builder/media_hunter.js b/builder/media_hunter.js index 3900d81..435e23b 100644 --- a/builder/media_hunter.js +++ b/builder/media_hunter.js @@ -1,5 +1,5 @@ /* - * patternlab-node - v0.10.1 - 2015 + * patternlab-node - v0.10.1 - 2016 * * Brian Muenzenmeyer, and the web community. * Licensed under the MIT license. diff --git a/builder/object_factory.js b/builder/object_factory.js index f1809b1..1df9ca9 100644 --- a/builder/object_factory.js +++ b/builder/object_factory.js @@ -1,5 +1,5 @@ /* - * patternlab-node - v0.10.1 - 2015 + * patternlab-node - v0.10.1 - 2016 * * Brian Muenzenmeyer, and the web community. * Licensed under the MIT license. diff --git a/builder/parameter_hunter.js b/builder/parameter_hunter.js index 0541b21..49d3a69 100644 --- a/builder/parameter_hunter.js +++ b/builder/parameter_hunter.js @@ -1,5 +1,5 @@ /* - * patternlab-node - v0.10.1 - 2015 + * patternlab-node - v0.10.1 - 2016 * * Brian Muenzenmeyer, and the web community. * Licensed under the MIT license. diff --git a/builder/pattern_assembler.js b/builder/pattern_assembler.js index a024a7d..d756865 100644 --- a/builder/pattern_assembler.js +++ b/builder/pattern_assembler.js @@ -1,5 +1,5 @@ /* - * patternlab-node - v0.10.1 - 2015 + * patternlab-node - v0.10.1 - 2016 * * Brian Muenzenmeyer, and the web community. * Licensed under the MIT license. diff --git a/builder/pattern_exporter.js b/builder/pattern_exporter.js index 61f62cc..14d9902 100644 --- a/builder/pattern_exporter.js +++ b/builder/pattern_exporter.js @@ -1,5 +1,5 @@ /* - * patternlab-node - v0.10.1 - 2015 + * patternlab-node - v0.10.1 - 2016 * * Brian Muenzenmeyer, and the web community. * Licensed under the MIT license. diff --git a/builder/patternlab.js b/builder/patternlab.js index 74e4c18..71fe79f 100644 --- a/builder/patternlab.js +++ b/builder/patternlab.js @@ -1,5 +1,5 @@ /* - * patternlab-node - v0.10.1 - 2015 + * patternlab-node - v0.10.1 - 2016 * * Brian Muenzenmeyer, and the web community. * Licensed under the MIT license. diff --git a/builder/patternlab_grunt.js b/builder/patternlab_grunt.js index a79854e..ba03366 100644 --- a/builder/patternlab_grunt.js +++ b/builder/patternlab_grunt.js @@ -1,5 +1,5 @@ /* - * patternlab-node - v0.10.1 - 2015 + * patternlab-node - v0.10.1 - 2016 * * Brian Muenzenmeyer, and the web community. * Licensed under the MIT license. diff --git a/builder/pseudopattern_hunter.js b/builder/pseudopattern_hunter.js index b2b74a1..04bca7a 100644 --- a/builder/pseudopattern_hunter.js +++ b/builder/pseudopattern_hunter.js @@ -1,5 +1,5 @@ /* - * patternlab-node - v0.10.1 - 2015 + * patternlab-node - v0.10.1 - 2016 * * Brian Muenzenmeyer, and the web community. * Licensed under the MIT license. diff --git a/config.json b/config.json index f0b2f6a..40b6960 100644 --- a/config.json +++ b/config.json @@ -13,10 +13,10 @@ "m": true, "l": true, "full": true, - "random": true, + "random": false, "disco": true, "hay": true, - "mqs": true, + "mqs": false, "find": true, "views-all": true, "views-annotations": true, @@ -24,8 +24,8 @@ "views-new": true, "tools-all": true, "tools-follow": false, - "tools-reload": false, - "tools-shortcuts": true, + "tools-reload": true, + "tools-shortcuts": false, "tools-docs": true }, "patternStates": { diff --git a/design/pieces/png/arrow--right.png b/design/pieces/png/arrow--right.png new file mode 100644 index 0000000..ee19219 Binary files /dev/null and b/design/pieces/png/arrow--right.png differ diff --git a/design/pieces/png/contact-block-desc.png b/design/pieces/png/contact-block-desc.png new file mode 100644 index 0000000..0133e34 Binary files /dev/null and b/design/pieces/png/contact-block-desc.png differ diff --git a/design/pieces/png/contact-block-title.png b/design/pieces/png/contact-block-title.png new file mode 100644 index 0000000..a6e9141 Binary files /dev/null and b/design/pieces/png/contact-block-title.png differ diff --git a/design/pieces/png/contact-block.png b/design/pieces/png/contact-block.png new file mode 100644 index 0000000..9218031 Binary files /dev/null and b/design/pieces/png/contact-block.png differ diff --git a/design/pieces/png/contact-form.png b/design/pieces/png/contact-form.png new file mode 100644 index 0000000..eb86d7b Binary files /dev/null and b/design/pieces/png/contact-form.png differ diff --git a/design/pieces/png/copryright-icon-set.png b/design/pieces/png/copryright-icon-set.png new file mode 100644 index 0000000..0d14e80 Binary files /dev/null and b/design/pieces/png/copryright-icon-set.png differ diff --git a/design/pieces/png/copyright-bar.png b/design/pieces/png/copyright-bar.png new file mode 100644 index 0000000..8cbafd5 Binary files /dev/null and b/design/pieces/png/copyright-bar.png differ diff --git a/design/pieces/png/copyright-contact-block.png b/design/pieces/png/copyright-contact-block.png new file mode 100644 index 0000000..b21ae9a Binary files /dev/null and b/design/pieces/png/copyright-contact-block.png differ diff --git a/design/pieces/png/copyright-info.png b/design/pieces/png/copyright-info.png new file mode 100644 index 0000000..33cfda9 Binary files /dev/null and b/design/pieces/png/copyright-info.png differ diff --git a/design/pieces/png/ellipse-active.png b/design/pieces/png/ellipse-active.png new file mode 100644 index 0000000..858f0a8 Binary files /dev/null and b/design/pieces/png/ellipse-active.png differ diff --git a/design/pieces/png/ellipse-inactive.png b/design/pieces/png/ellipse-inactive.png new file mode 100644 index 0000000..a45f2fa Binary files /dev/null and b/design/pieces/png/ellipse-inactive.png differ diff --git a/design/pieces/png/footer.png b/design/pieces/png/footer.png new file mode 100644 index 0000000..670ec26 Binary files /dev/null and b/design/pieces/png/footer.png differ diff --git a/design/pieces/png/form-field.png b/design/pieces/png/form-field.png new file mode 100644 index 0000000..3d8784e Binary files /dev/null and b/design/pieces/png/form-field.png differ diff --git a/design/pieces/png/form.png b/design/pieces/png/form.png new file mode 100644 index 0000000..10aaa15 Binary files /dev/null and b/design/pieces/png/form.png differ diff --git a/design/pieces/png/image-box-block.png b/design/pieces/png/image-box-block.png new file mode 100644 index 0000000..5b052de Binary files /dev/null and b/design/pieces/png/image-box-block.png differ diff --git a/design/pieces/png/image-box-desc.png b/design/pieces/png/image-box-desc.png new file mode 100644 index 0000000..f1abcbb Binary files /dev/null and b/design/pieces/png/image-box-desc.png differ diff --git a/design/pieces/png/image-box-text-block.png b/design/pieces/png/image-box-text-block.png new file mode 100644 index 0000000..cabbb52 Binary files /dev/null and b/design/pieces/png/image-box-text-block.png differ diff --git a/design/pieces/png/image-box-title.png b/design/pieces/png/image-box-title.png new file mode 100644 index 0000000..5d5e33d Binary files /dev/null and b/design/pieces/png/image-box-title.png differ diff --git a/design/pieces/png/image-box.png b/design/pieces/png/image-box.png new file mode 100644 index 0000000..1cfe620 Binary files /dev/null and b/design/pieces/png/image-box.png differ diff --git a/design/pieces/png/input-field.png b/design/pieces/png/input-field.png new file mode 100644 index 0000000..9c12874 Binary files /dev/null and b/design/pieces/png/input-field.png differ diff --git a/design/pieces/png/left-arrow.png b/design/pieces/png/left-arrow.png new file mode 100644 index 0000000..ab09eac Binary files /dev/null and b/design/pieces/png/left-arrow.png differ diff --git a/design/pieces/png/placeholder-text.png b/design/pieces/png/placeholder-text.png new file mode 100644 index 0000000..0450355 Binary files /dev/null and b/design/pieces/png/placeholder-text.png differ diff --git a/design/pieces/png/play-icon-ellipse.png b/design/pieces/png/play-icon-ellipse.png new file mode 100644 index 0000000..792e4e5 Binary files /dev/null and b/design/pieces/png/play-icon-ellipse.png differ diff --git a/design/pieces/png/portfolio-item--image-placeholder.png b/design/pieces/png/portfolio-item--image-placeholder.png new file mode 100644 index 0000000..668a58d Binary files /dev/null and b/design/pieces/png/portfolio-item--image-placeholder.png differ diff --git a/design/pieces/png/portfolio-item-maintext.png b/design/pieces/png/portfolio-item-maintext.png new file mode 100644 index 0000000..60f5efc Binary files /dev/null and b/design/pieces/png/portfolio-item-maintext.png differ diff --git a/design/pieces/png/portfolio-item-subtext.png b/design/pieces/png/portfolio-item-subtext.png new file mode 100644 index 0000000..c10e204 Binary files /dev/null and b/design/pieces/png/portfolio-item-subtext.png differ diff --git a/design/pieces/png/portfolio.psd b/design/pieces/png/portfolio.psd new file mode 100644 index 0000000..442a8ee Binary files /dev/null and b/design/pieces/png/portfolio.psd differ diff --git a/design/pieces/png/right-arrow.png b/design/pieces/png/right-arrow.png new file mode 100644 index 0000000..72c4990 Binary files /dev/null and b/design/pieces/png/right-arrow.png differ diff --git a/design/pieces/png/section-block--why-choose-us.png b/design/pieces/png/section-block--why-choose-us.png new file mode 100644 index 0000000..745955d Binary files /dev/null and b/design/pieces/png/section-block--why-choose-us.png differ diff --git a/design/pieces/png/skillbar-name.png b/design/pieces/png/skillbar-name.png new file mode 100644 index 0000000..4514aa3 Binary files /dev/null and b/design/pieces/png/skillbar-name.png differ diff --git a/design/pieces/png/skillbar-set.png b/design/pieces/png/skillbar-set.png new file mode 100644 index 0000000..c748840 Binary files /dev/null and b/design/pieces/png/skillbar-set.png differ diff --git a/design/pieces/png/skillbar-with-name.png b/design/pieces/png/skillbar-with-name.png new file mode 100644 index 0000000..c451ac6 Binary files /dev/null and b/design/pieces/png/skillbar-with-name.png differ diff --git a/design/pieces/png/skillbar.png b/design/pieces/png/skillbar.png new file mode 100644 index 0000000..317f2bc Binary files /dev/null and b/design/pieces/png/skillbar.png differ diff --git a/design/pieces/png/why-choose-us.png b/design/pieces/png/why-choose-us.png new file mode 100644 index 0000000..98aa25d Binary files /dev/null and b/design/pieces/png/why-choose-us.png differ diff --git a/package.json b/package.json index 91df44e..d162232 100644 --- a/package.json +++ b/package.json @@ -3,21 +3,22 @@ "description": "Pattern Lab is a collection of tools to help you create atomic design systems. This is the node command line interface (CLI).", "version": "0.10.1", "devDependencies": { + "diveSync": "^0.2.1", + "font-awesome": "^4.5.0", + "fs-extra": "^0.14.0", + "glob": "^4.3.5", "grunt": "~0.4.0", - "grunt-contrib-watch": "^0.6.1", - "grunt-contrib-sass": "^0.8.1", - "grunt-contrib-copy": "^0.7.0", - "grunt-contrib-jshint": "^0.10.0", "grunt-contrib-clean": "^0.6.0", "grunt-contrib-concat": "^0.5.0", - "grunt-contrib-nodeunit": "^0.4.1", "grunt-contrib-connect": "^0.9.0", - "mustache": "^1.0.0", - "matchdep": "^0.3.0", - "fs-extra": "^0.14.0", - "diveSync": "^0.2.1", + "grunt-contrib-copy": "^0.7.0", + "grunt-contrib-jshint": "^0.10.0", + "grunt-contrib-nodeunit": "^0.4.1", + "grunt-contrib-sass": "^0.8.1", + "grunt-contrib-watch": "^0.6.1", "html-entities": "^1.1.1", - "glob": "^4.3.5" + "matchdep": "^0.3.0", + "mustache": "^1.0.0" }, "keywords": [ "Pattern Lab", diff --git a/public/styleguide/css/styleguide.css b/public/styleguide/css/styleguide.css index 1443d27..f59bc8b 100644 --- a/public/styleguide/css/styleguide.css +++ b/public/styleguide/css/styleguide.css @@ -52,13 +52,13 @@ #patternlab-html, #patternlab-body { margin: 0; padding: 0; - background: #ddd; + background: #D4D8DF; -webkit-text-size-adjust: 100%; } .sg-nav-wrapper { overflow: hidden; - background: #ddd; + background: #D4D8DF; } .is-vishidden { @@ -87,7 +87,7 @@ \*------------------------------------*/ /* Header */ .sg-header { - background: #222; + background: white; color: #fff; font-family: "HelveticaNeue", "Helvetica", "Arial", sans-serif; text-transform: uppercase; @@ -96,6 +96,7 @@ left: 0; z-index: 2; width: 100%; + border-bottom: 1px solid #5C6568; } .sg-header * { -moz-box-sizing: border-box; @@ -111,8 +112,8 @@ border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .sg-header a { - font-size: 70%; - color: #808080; + font-size: 80%; + color: #5C6568; text-decoration: none; display: block; line-height: 1; @@ -129,7 +130,7 @@ transition: color 0.15s ease-out; } .sg-header a:hover, .sg-header a:focus, .sg-header a.active { - color: #fff; + color: #126E97; background: rgba(255, 255, 255, 0.05); } .sg-header ol ol ol a { @@ -156,6 +157,11 @@ } } +.sg-nav-container { + display: flex; + align-items: center; + justify-content: space-between; +} @media all and (max-width: 48em) { .sg-nav-container { overflow: hidden; @@ -198,7 +204,7 @@ .sg-acc-handle:after { content: ' +'; float: right; - font-size: 70%; + font-size: 80%; } @media all and (min-width: 48em) { .sg-acc-handle:after { @@ -233,11 +239,19 @@ transition: max-height 0.1s ease-out; } .sg-acc-panel li { - background: #222; + background: white; } .sg-acc-panel.active { max-height: 120em; overflow: auto; + border-top: 1px solid #5C6568; +} +.sg-acc-panel.active li { + border-left: 1px solid #5C6568; + border-right: 1px solid #5C6568; +} +.sg-acc-panel.active li:last-child { + border-bottom: 1px solid #5C6568; } .sg-acc-panel.sg-right { position: absolute; @@ -256,10 +270,6 @@ /* Controls (sizing, view mode) */ .sg-controls { border: 0; - position: absolute; - top: 0; - right: 0; - z-index: 2; } .sg-control-trigger { @@ -296,17 +306,17 @@ } .sg-control .sg-input:active, .sg-control .sg-input:focus { outline: 0; - background: #999; - color: #000; + background: #D4D8DF; + color: #189BBE; } .sg-current-size { - font-size: 70%; - color: #808080; + font-size: 80%; + color: #5C6568; padding: 0.85em 0.7em; } .sg-current-size:hover .sg-input { - background: #999; + background: #D4D8DF; color: #000; } @media all and (min-width: 72em) { @@ -357,7 +367,6 @@ margin: -2px 0 0 0; padding: 0; border: 0; - background-color: #222; color: gray; width: 25px; text-align: right; @@ -443,11 +452,13 @@ span.sg-pattern-state:before { text-align: center; width: 100%; position: fixed; - top: 2em; + top: 1em; bottom: 0; left: 0; right: 0; z-index: 0; + background-color: white; + padding-top: 40px; } #sg-vp-wrap.wrap-animate { -webkit-transition: left 0.3s ease-out; @@ -553,6 +564,8 @@ span.sg-pattern-state:before { .sg-pattern { margin-bottom: 2em; position: relative; + margin: 0 auto; + width: 95%; } /* Section Head */ @@ -562,16 +575,16 @@ span.sg-pattern-state:before { font-size: 100%; font-weight: normal; padding: 1em 0; - border-bottom: 1px solid #808080; + border-bottom: 1px solid #5C6568; } .sg-pattern-head a { display: block; - color: #808080; + color: #5C6568; text-decoration: none; cursor: pointer; } .sg-pattern-head a:hover { - color: #222; + color: #126E97; } .sg-view-container { @@ -581,8 +594,8 @@ span.sg-pattern-state:before { font-family: "HelveticaNeue", "Helvetica", "Arial", sans-serif; line-height: 1.4; font-size: 90%; - background: #222; - color: #808080; + background: #242422; + color: #5C6568; position: fixed; top: auto; padding: 1em; @@ -595,7 +608,7 @@ span.sg-pattern-state:before { overflow-x: hidden; } .sg-view-container a { - color: #999; + color: #D4D8DF; } .sg-view-container pre { padding: 0 1em; @@ -624,16 +637,16 @@ span.sg-pattern-state:before { .has-annotation { cursor: help !important; - box-shadow: 0 0 10px #808080; + box-shadow: 0 0 10px #5C6568; } .has-annotation a, .has-annotation input { cursor: help !important; } .has-annotation:hover { - box-shadow: 0 0 10px #222; + box-shadow: 0 0 10px #D4D8DF; } .has-annotation.active { - box-shadow: inset 0 0 20px #808080; + box-shadow: inset 0 0 20px #5C6568; } .annotation-tip { @@ -671,8 +684,8 @@ span.sg-pattern-state:before { .sg-code, .sg-annotations { clear: both; - background: #ddd; - color: #222; + background: white; + color: rgba(88, 88, 90, 0.71); padding: 1em 0.5em; margin: 1em 0; } @@ -693,18 +706,18 @@ span.sg-pattern-state:before { .sg-code-contains { margin-bottom: 1rem; font-size: 85%; - color: #808080; + color: #5C6568; } .sg-code-contains code { padding: 0.2em; background: rgba(0, 0, 0, 0.3); - color: #999; + color: #D4D8DF; position: relative; top: -2px; } .sg-code-head { - color: #808080; + color: #5C6568; font-size: 1em; } @@ -837,6 +850,11 @@ div.clear { content: "\e60b"; } +.sg-nav-content--left { + display: flex; + align-items: center; +} + /******************************************************************/ /* End Pattern Lab Interface code */ diff --git a/public/styleguide/css/styleguide.scss b/public/styleguide/css/styleguide.scss index 71d8888..a7a76dc 100644 --- a/public/styleguide/css/styleguide.scss +++ b/public/styleguide/css/styleguide.scss @@ -48,11 +48,11 @@ $sg-font : "HelveticaNeue", "Helvetica", "Arial", sans-serif; /* Style Guide Interface Colors */ -$sg-primary : #222; -$sg-secondary : #808080; -$sg-tertiary : #ddd; +$sg-primary : #D4D8DF; +$sg-secondary : #5C6568; +$sg-tertiary : #D4D8DF; $sg-quaternary : #fff; -$sg-quinary : #999; +$sg-quinary : #D4D8DF; $sg-tint : rgba(255,255,255,0.05); $sg-tint-2 : rgba(255,255,255,0.25); $sg-tone : rgba(0,0,0,0.1); @@ -60,7 +60,7 @@ $sg-tone-2 : rgba(0,0,0,0.3); /* Typography */ $sg-font-size-norm : 100%; -$sg-font-size-sm : 70%; +$sg-font-size-sm : 80%; $sg-font-size-large : 120%; /* Defaults */ @@ -149,7 +149,7 @@ $animate-quick: 0.2s; \*------------------------------------*/ /* Header */ .sg-header { - background: $sg-primary; + background: white; color: $sg-quaternary; font-family: $sg-font; text-transform: uppercase; @@ -158,6 +158,7 @@ $animate-quick: 0.2s; left: 0; z-index: 2; width: 100%; + border-bottom: 1px solid $sg-secondary; * { -moz-box-sizing: border-box; @@ -186,7 +187,7 @@ $animate-quick: 0.2s; @include sg-transition(color,0.15s,ease-out); &:hover, &:focus, &.active { - color: $sg-quaternary; + color: #126E97; background: $sg-tint; } } @@ -219,6 +220,9 @@ $animate-quick: 0.2s; } .sg-nav-container { + display: flex; + align-items: center; + justify-content: space-between; @media all and (max-width: $sg-bp-med) { overflow: hidden; max-height: 0; @@ -293,12 +297,20 @@ $animate-quick: 0.2s; @include sg-transition(max-height,0.1s,ease-out); li { - background: $sg-primary; + background: white; } &.active { max-height: 120em; overflow: auto; + border-top: 1px solid $sg-secondary; + li { + border-left: 1px solid $sg-secondary; + border-right: 1px solid $sg-secondary; + } + li:last-child { + border-bottom: 1px solid $sg-secondary; + } } &.sg-right { @@ -323,10 +335,6 @@ $animate-quick: 0.2s; /* Controls (sizing, view mode) */ .sg-controls { border: 0; - position: absolute; - top: 0; - right: 0; - z-index: 2; } .sg-control-trigger { @@ -363,13 +371,13 @@ $animate-quick: 0.2s; &:active, &:focus { outline: 0; background: $sg-quinary; - color: #000; + color: #189BBE; } } } .sg-current-size { - font-size: 70%; + font-size: $sg-font-size-sm; color: $sg-secondary; padding: 0.85em 0.7em; @@ -428,7 +436,6 @@ $animate-quick: 0.2s; margin: -2px 0 0 0; padding: 0; border: 0; - background-color: #222; color: gray; width: 25px; text-align: right; @@ -528,11 +535,13 @@ span.sg-pattern-state:before { text-align: center; width: 100%; position: fixed; - top: $offset-top; + top: 1em; bottom: 0; left: 0; right: 0; z-index: 0; + background-color: white; + padding-top: 40px; &.wrap-animate { -webkit-transition: left 0.3s ease-out; @@ -654,6 +663,8 @@ span.sg-pattern-state:before { margin-bottom: $sg-doublespace; position: relative; //Prevents absolutely-positioned elements from floating to the top @extend .sg-cf; + margin: 0 auto; + width: 95%; } /* Section Head */ @@ -672,7 +683,7 @@ span.sg-pattern-state:before { cursor: pointer; &:hover { - color: $sg-primary; + color: #126E97; } } } @@ -685,7 +696,7 @@ span.sg-pattern-state:before { font-family: $sg-font; line-height: 1.4; font-size: 90%; - background: $sg-primary; + background: #242422; color: $sg-secondary; position: fixed; top: auto; @@ -786,8 +797,8 @@ span.sg-pattern-state:before { .sg-code, .sg-annotations { clear: both; - background: $sg-tertiary; - color: $sg-primary; + background: white; + color: rgba(88, 88, 90, 0.71); padding: $sg-pad $sg-pad-half; margin: $sg-space 0; @@ -949,5 +960,11 @@ div.clear { content: "\e60b"; } +//custom pattern lab styles +.sg-nav-content--left { + display: flex; + align-items: center; +} + /******************************************************************/ /* End Pattern Lab Interface code */ \ No newline at end of file diff --git a/source/_data/data.json b/source/_data/data.json index 3c79fac..ce2aa65 100644 --- a/source/_data/data.json +++ b/source/_data/data.json @@ -89,5 +89,17 @@ { }, { }, { } - ] + ], + "buttons": { + "text": "DEFAULT", + "hasClass": true, + "className": "button" + }, + "input-field": { + "placeholder": "" + }, + "portfolio-item": { + "hasImage": true, + "className": "portfolio-item--image" + } } diff --git a/source/_patternlab-files/index.mustache b/source/_patternlab-files/index.mustache index 1688121..c5d9602 100644 --- a/source/_patternlab-files/index.mustache +++ b/source/_patternlab-files/index.mustache @@ -1,7 +1,7 @@ - Pattern Lab + Iotopia Solutions @@ -11,12 +11,17 @@ -> +> diff --git a/source/_patternlab-files/partials/patternNav.json b/source/_patternlab-files/partials/patternNav.json new file mode 100644 index 0000000..60fe9ed --- /dev/null +++ b/source/_patternlab-files/partials/patternNav.json @@ -0,0 +1,6 @@ +{ + "buckets" : { + "newBucketNameLC": "matt", + "newBucketNameUC": "Matt" + } +} \ No newline at end of file diff --git a/source/_patterns/00-atoms/00-global/_02-animations.mustache b/source/_patterns/00-atoms/00-global/_02-animations.mustache deleted file mode 100644 index 7d30745..0000000 --- a/source/_patterns/00-atoms/00-global/_02-animations.mustache +++ /dev/null @@ -1,3 +0,0 @@ -
Fade: Duration: 0.3s Easing: ease-out (Hover to see effect)
- -
Movement: Duration: 0.8s Easing: ease-in-out; (Hover to see effect)
\ No newline at end of file diff --git a/source/_patterns/00-atoms/00-global/_03-visibility.mustache b/source/_patterns/00-atoms/00-global/_03-visibility.mustache deleted file mode 100644 index 13e6021..0000000 --- a/source/_patterns/00-atoms/00-global/_03-visibility.mustache +++ /dev/null @@ -1,11 +0,0 @@ -

This text is hidden on smaller screens

- -

This text is only visible on smaller screens

- -

This text is hidden on medium screens only

- -

This text is only visible on medium screens

- -

This text is hidden on large screens

- -

This text is only visible on large screens

\ No newline at end of file diff --git a/source/_patterns/00-atoms/01-text/00-headings.mustache b/source/_patterns/00-atoms/01-text/00-headings.mustache deleted file mode 100644 index 43f648c..0000000 --- a/source/_patterns/00-atoms/01-text/00-headings.mustache +++ /dev/null @@ -1,6 +0,0 @@ -

Heading Level 1

-

Heading Level 2

-

Heading Level 3

-

Heading Level 4

-
Heading Level 5
-
Heading Level 6
\ No newline at end of file diff --git a/source/_patterns/00-atoms/01-text/01-subheadings.mustache b/source/_patterns/00-atoms/01-text/01-subheadings.mustache deleted file mode 100644 index 367c09a..0000000 --- a/source/_patterns/00-atoms/01-text/01-subheadings.mustache +++ /dev/null @@ -1,6 +0,0 @@ -

Subheading Level 1

-

Subheading Level 2

-

Subheading Level 3

-

Subheading Level 4

-
Subheading Level 5
-
Subheading Level 6
\ No newline at end of file diff --git a/source/_patterns/00-atoms/01-text/02-headings-with-links.mustache b/source/_patterns/00-atoms/01-text/02-headings-with-links.mustache deleted file mode 100644 index 9540d4c..0000000 --- a/source/_patterns/00-atoms/01-text/02-headings-with-links.mustache +++ /dev/null @@ -1,6 +0,0 @@ -

Heading 1 with link

-

Heading 2 with link

-

Heading 3 with link

-

Heading 4 with link

-
Heading 5 with link
-
Heading 6 with link
\ No newline at end of file diff --git a/source/_patterns/00-atoms/01-text/03-paragraph.mustache b/source/_patterns/00-atoms/01-text/03-paragraph.mustache deleted file mode 100644 index 0153493..0000000 --- a/source/_patterns/00-atoms/01-text/03-paragraph.mustache +++ /dev/null @@ -1 +0,0 @@ -

{{ description }}

\ No newline at end of file diff --git a/source/_patterns/00-atoms/01-text/04-blockquote.mustache b/source/_patterns/00-atoms/01-text/04-blockquote.mustache deleted file mode 100644 index 2f11319..0000000 --- a/source/_patterns/00-atoms/01-text/04-blockquote.mustache +++ /dev/null @@ -1,3 +0,0 @@ -
-

A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.

-
\ No newline at end of file diff --git a/source/_patterns/00-atoms/01-text/05-inline-elements.mustache b/source/_patterns/00-atoms/01-text/05-inline-elements.mustache deleted file mode 100644 index 0dff45f..0000000 --- a/source/_patterns/00-atoms/01-text/05-inline-elements.mustache +++ /dev/null @@ -1,41 +0,0 @@ -
-

This is a text link

- -

Strong is used to indicate strong importance

- -

This text has added emphasis

- -

The b element is stylistically different text from normal text, without any special importance

- -

The i element is text that is set off from the normal text

- -

The u element is text with an unarticulated, though explicitly rendered, non-textual annotation

- -

This text is deleted and This text is inserted

- -

This text has a strikethrough

- -

Superscript®

- -

Subscript for things like H2O

- -

This small text is small for for fine print, etc.

- -

Abbreviation: HTML

- -

Keybord input: Cmd

- -

This text is a short inline quotation

- -

This is a citation

- -

The dfn element indicates a definition.

- -

The mark element indicates a highlight

- -

This is what inline code looks like.

- -

This is sample output from a computer program

- -

The variable element, such as x = y

-
diff --git a/source/_patterns/00-atoms/01-text/06-time.mustache b/source/_patterns/00-atoms/01-text/06-time.mustache deleted file mode 100644 index 26cecc1..0000000 --- a/source/_patterns/00-atoms/01-text/06-time.mustache +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/source/_patterns/00-atoms/01-text/07-preformatted-text.mustache b/source/_patterns/00-atoms/01-text/07-preformatted-text.mustache deleted file mode 100644 index 70de25e..0000000 --- a/source/_patterns/00-atoms/01-text/07-preformatted-text.mustache +++ /dev/null @@ -1,9 +0,0 @@ -
  	
-P R E F O R M A T T E D T E X T
-! " # $ % & ' ( ) * + , - . /
-0 1 2 3 4 5 6 7 8 9 : ; < = > ?
-@ A B C D E F G H I J K L M N O
-P Q R S T U V W X Y Z [ \ ] ^ _
-` a b c d e f g h i j k l m n o
-p q r s t u v w x y z { | } ~ 
-
\ No newline at end of file diff --git a/source/_patterns/00-atoms/01-text/08-emphasis-colors.mustache b/source/_patterns/00-atoms/01-text/08-emphasis-colors.mustache deleted file mode 100644 index b2fae06..0000000 --- a/source/_patterns/00-atoms/01-text/08-emphasis-colors.mustache +++ /dev/null @@ -1,4 +0,0 @@ -

This is what error text looks like

-

This is what valid text looks like

-

This is what warning text looks like

-

This is what information text looks like.

\ No newline at end of file diff --git a/source/_patterns/00-atoms/01-text/09-hr.mustache b/source/_patterns/00-atoms/01-text/09-hr.mustache deleted file mode 100644 index 1d6667d..0000000 --- a/source/_patterns/00-atoms/01-text/09-hr.mustache +++ /dev/null @@ -1 +0,0 @@ -
\ No newline at end of file diff --git a/source/_patterns/00-atoms/01-text/10-caption.mustache b/source/_patterns/00-atoms/01-text/10-caption.mustache deleted file mode 100644 index 204437d..0000000 --- a/source/_patterns/00-atoms/01-text/10-caption.mustache +++ /dev/null @@ -1 +0,0 @@ -

A caption can be applied to an image, quote, form field, etc.

\ No newline at end of file diff --git a/source/_patterns/00-atoms/02-lists/00-unordered.mustache b/source/_patterns/00-atoms/02-lists/00-unordered.mustache deleted file mode 100644 index 3f9de34..0000000 --- a/source/_patterns/00-atoms/02-lists/00-unordered.mustache +++ /dev/null @@ -1,14 +0,0 @@ -
- -
\ No newline at end of file diff --git a/source/_patterns/00-atoms/02-lists/01-ordered.mustache b/source/_patterns/00-atoms/02-lists/01-ordered.mustache deleted file mode 100644 index e206c7b..0000000 --- a/source/_patterns/00-atoms/02-lists/01-ordered.mustache +++ /dev/null @@ -1,14 +0,0 @@ -
-
    -
  1. This is a list item in an ordered list
    2. -
  2. An ordered list is a list in which the sequence of items is important. An ordered list does not necessarily contain sequence characters.
    3. -
  3. - Lists can be nested inside of each other -
      -
    1. This is a nested list item
      2. -
    2. This is another nested list item in an ordered list
      3. -
    -
    4. -
  4. This is the last list item
    5. -
-
\ No newline at end of file diff --git a/source/_patterns/00-atoms/02-lists/02-definition.mustache b/source/_patterns/00-atoms/02-lists/02-definition.mustache deleted file mode 100644 index 0488e08..0000000 --- a/source/_patterns/00-atoms/02-lists/02-definition.mustache +++ /dev/null @@ -1,10 +0,0 @@ -
-
Definition List
-
A number of connected items or names written or printed consecutively, typically one below the other.
-
This is a term.
-
This is the definition of that term, which both live in a dl.
-
Here is another term.
-
And it gets a definition too, which is this line.
-
Here is term that shares a definition with the term below.
-
And it gets a definition too, which is this line.
-
\ No newline at end of file diff --git a/source/_patterns/00-atoms/03-images/01-landscape-4x3.mustache b/source/_patterns/00-atoms/03-images/01-landscape-4x3.mustache deleted file mode 100644 index cf874ee..0000000 --- a/source/_patterns/00-atoms/03-images/01-landscape-4x3.mustache +++ /dev/null @@ -1 +0,0 @@ -{{ img.landscape-4x3.alt }} \ No newline at end of file diff --git a/source/_patterns/00-atoms/03-images/02-landscape-16x9.mustache b/source/_patterns/00-atoms/03-images/02-landscape-16x9.mustache deleted file mode 100644 index 9efc5ee..0000000 --- a/source/_patterns/00-atoms/03-images/02-landscape-16x9.mustache +++ /dev/null @@ -1 +0,0 @@ -{{ img.landscape-16x9.alt }} \ No newline at end of file diff --git a/source/_patterns/00-atoms/03-images/03-square.mustache b/source/_patterns/00-atoms/03-images/03-square.mustache deleted file mode 100644 index 805cce5..0000000 --- a/source/_patterns/00-atoms/03-images/03-square.mustache +++ /dev/null @@ -1 +0,0 @@ -{{ img.square.alt }} \ No newline at end of file diff --git a/source/_patterns/00-atoms/03-images/04-avatar.mustache b/source/_patterns/00-atoms/03-images/04-avatar.mustache deleted file mode 100644 index 6b79ad0..0000000 --- a/source/_patterns/00-atoms/03-images/04-avatar.mustache +++ /dev/null @@ -1 +0,0 @@ -Avatar \ No newline at end of file diff --git a/source/_patterns/00-atoms/03-images/05-icons.mustache b/source/_patterns/00-atoms/03-images/05-icons.mustache deleted file mode 100644 index 4e25123..0000000 --- a/source/_patterns/00-atoms/03-images/05-icons.mustache +++ /dev/null @@ -1,12 +0,0 @@ - \ No newline at end of file diff --git a/source/_patterns/00-atoms/03-images/06-loading-icon.mustache b/source/_patterns/00-atoms/03-images/06-loading-icon.mustache deleted file mode 100644 index 9a10165..0000000 --- a/source/_patterns/00-atoms/03-images/06-loading-icon.mustache +++ /dev/null @@ -1 +0,0 @@ -Loading \ No newline at end of file diff --git a/source/_patterns/00-atoms/03-images/07-favicon.mustache b/source/_patterns/00-atoms/03-images/07-favicon.mustache deleted file mode 100644 index 07e985d..0000000 --- a/source/_patterns/00-atoms/03-images/07-favicon.mustache +++ /dev/null @@ -1,2 +0,0 @@ - - \ No newline at end of file diff --git a/source/_patterns/00-atoms/04-forms/00-text-fields.mustache b/source/_patterns/00-atoms/04-forms/00-text-fields.mustache deleted file mode 100644 index 90cbb77..0000000 --- a/source/_patterns/00-atoms/04-forms/00-text-fields.mustache +++ /dev/null @@ -1,38 +0,0 @@ -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
\ No newline at end of file diff --git a/source/_patterns/00-atoms/04-forms/01-select-menu.mustache b/source/_patterns/00-atoms/04-forms/01-select-menu.mustache deleted file mode 100644 index 760c919..0000000 --- a/source/_patterns/00-atoms/04-forms/01-select-menu.mustache +++ /dev/null @@ -1,12 +0,0 @@ -
-
- - -
-
\ No newline at end of file diff --git a/source/_patterns/00-atoms/04-forms/02-checkbox.mustache b/source/_patterns/00-atoms/04-forms/02-checkbox.mustache deleted file mode 100644 index 017a8dc..0000000 --- a/source/_patterns/00-atoms/04-forms/02-checkbox.mustache +++ /dev/null @@ -1,10 +0,0 @@ -
-
- Checkbox * - -
-
\ No newline at end of file diff --git a/source/_patterns/00-atoms/04-forms/03-radio-buttons.mustache b/source/_patterns/00-atoms/04-forms/03-radio-buttons.mustache deleted file mode 100644 index 68c83ea..0000000 --- a/source/_patterns/00-atoms/04-forms/03-radio-buttons.mustache +++ /dev/null @@ -1,10 +0,0 @@ -
-
- Radio - -
-
\ No newline at end of file diff --git a/source/_patterns/00-atoms/04-forms/04-html5-inputs.mustache b/source/_patterns/00-atoms/04-forms/04-html5-inputs.mustache deleted file mode 100644 index 99c22cc..0000000 --- a/source/_patterns/00-atoms/04-forms/04-html5-inputs.mustache +++ /dev/null @@ -1,10 +0,0 @@ -
-
-
-
-
-
-
-
-
-
\ No newline at end of file diff --git a/source/_patterns/00-atoms/05-buttons/00-buttons.mustache b/source/_patterns/00-atoms/05-buttons/00-buttons.mustache deleted file mode 100644 index bdbeec3..0000000 --- a/source/_patterns/00-atoms/05-buttons/00-buttons.mustache +++ /dev/null @@ -1,4 +0,0 @@ -

Button

-

Alternate Button

-

Disabled Button

-

Text Button

\ No newline at end of file diff --git a/source/_patterns/00-atoms/06-tables/00-table.mustache b/source/_patterns/00-atoms/06-tables/00-table.mustache deleted file mode 100644 index 7df555f..0000000 --- a/source/_patterns/00-atoms/06-tables/00-table.mustache +++ /dev/null @@ -1,50 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Table Heading 1Table Heading 2Table Heading 3Table Heading 3Table Heading 4
Table Footer 1Table Footer 2Table Footer 3Table Footer 3Table Footer 4
Table Cell 1Table Cell 2Table Cell 3Table Cell 4Table Cell 5
Table Cell 1Table Cell 2Table Cell 3Table Cell 4Table Cell 5
Table Cell 1Table Cell 2Table Cell 3Table Cell 4Table Cell 5
Table Cell 1Table Cell 2Table Cell 3Table Cell 4Table Cell 5
\ No newline at end of file diff --git a/source/_patterns/00-atoms/_07-media/01-audio.mustache b/source/_patterns/00-atoms/_07-media/01-audio.mustache deleted file mode 100644 index 91c8213..0000000 --- a/source/_patterns/00-atoms/_07-media/01-audio.mustache +++ /dev/null @@ -1,4 +0,0 @@ - \ No newline at end of file diff --git a/source/_patterns/00-atoms/00-global/00-colors.mustache b/source/_patterns/00-basics/00-global/00-colors.mustache similarity index 100% rename from source/_patterns/00-atoms/00-global/00-colors.mustache rename to source/_patterns/00-basics/00-global/00-colors.mustache diff --git a/source/_patterns/00-atoms/00-global/01-fonts.mustache b/source/_patterns/00-basics/00-global/01-fonts.mustache similarity index 100% rename from source/_patterns/00-atoms/00-global/01-fonts.mustache rename to source/_patterns/00-basics/00-global/01-fonts.mustache diff --git a/source/_patterns/00-basics/00-global/02-line.mustache b/source/_patterns/00-basics/00-global/02-line.mustache new file mode 100644 index 0000000..53f6ceb --- /dev/null +++ b/source/_patterns/00-basics/00-global/02-line.mustache @@ -0,0 +1 @@ +
\ No newline at end of file diff --git a/source/_patterns/00-basics/00-global/03-logo.mustache b/source/_patterns/00-basics/00-global/03-logo.mustache new file mode 100644 index 0000000..90bd1e5 --- /dev/null +++ b/source/_patterns/00-basics/00-global/03-logo.mustache @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/source/_patterns/00-basics/00-global/04-pagination-ellipse.mustache b/source/_patterns/00-basics/00-global/04-pagination-ellipse.mustache new file mode 100644 index 0000000..6ec2976 --- /dev/null +++ b/source/_patterns/00-basics/00-global/04-pagination-ellipse.mustache @@ -0,0 +1 @@ +
\ No newline at end of file diff --git a/source/_patterns/00-basics/00-global/05-icon-background.mustache b/source/_patterns/00-basics/00-global/05-icon-background.mustache new file mode 100644 index 0000000..9bf066a --- /dev/null +++ b/source/_patterns/00-basics/00-global/05-icon-background.mustache @@ -0,0 +1 @@ +
\ No newline at end of file diff --git a/source/_patterns/00-basics/00-global/06-next-arrow--left.mustache b/source/_patterns/00-basics/00-global/06-next-arrow--left.mustache new file mode 100644 index 0000000..3e9a940 --- /dev/null +++ b/source/_patterns/00-basics/00-global/06-next-arrow--left.mustache @@ -0,0 +1,3 @@ +
+ +
\ No newline at end of file diff --git a/source/_patterns/00-basics/00-global/07-next-arrow--right.mustache b/source/_patterns/00-basics/00-global/07-next-arrow--right.mustache new file mode 100644 index 0000000..21af1b0 --- /dev/null +++ b/source/_patterns/00-basics/00-global/07-next-arrow--right.mustache @@ -0,0 +1,3 @@ +
+ +
\ No newline at end of file diff --git a/source/_patterns/00-basics/00-global/08-icons.mustache b/source/_patterns/00-basics/00-global/08-icons.mustache new file mode 100644 index 0000000..ea3a006 --- /dev/null +++ b/source/_patterns/00-basics/00-global/08-icons.mustache @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/source/_patterns/00-basics/01-text/00-headings.mustache b/source/_patterns/00-basics/01-text/00-headings.mustache new file mode 100644 index 0000000..4ed243a --- /dev/null +++ b/source/_patterns/00-basics/01-text/00-headings.mustache @@ -0,0 +1,2 @@ +
Primary Title
+
Secondary Title
\ No newline at end of file diff --git a/source/_patterns/00-basics/01-text/01-subheadings.mustache b/source/_patterns/00-basics/01-text/01-subheadings.mustache new file mode 100644 index 0000000..5715754 --- /dev/null +++ b/source/_patterns/00-basics/01-text/01-subheadings.mustache @@ -0,0 +1 @@ +
Subheader text
diff --git a/source/_patterns/00-basics/01-text/03-description.mustache b/source/_patterns/00-basics/01-text/03-description.mustache new file mode 100644 index 0000000..ea20565 --- /dev/null +++ b/source/_patterns/00-basics/01-text/03-description.mustache @@ -0,0 +1 @@ +
{{ description }}
\ No newline at end of file diff --git a/source/_patterns/00-basics/01-text/04-links.mustache b/source/_patterns/00-basics/01-text/04-links.mustache new file mode 100644 index 0000000..4a6c506 --- /dev/null +++ b/source/_patterns/00-basics/01-text/04-links.mustache @@ -0,0 +1 @@ +Link diff --git a/source/_patterns/00-basics/01-text/05-placeholder-text.mustache b/source/_patterns/00-basics/01-text/05-placeholder-text.mustache new file mode 100644 index 0000000..4b62e6e --- /dev/null +++ b/source/_patterns/00-basics/01-text/05-placeholder-text.mustache @@ -0,0 +1 @@ +Placeholder Text \ No newline at end of file diff --git a/source/_patterns/00-basics/01-text/06-banner-title.mustache b/source/_patterns/00-basics/01-text/06-banner-title.mustache new file mode 100644 index 0000000..b7e788d --- /dev/null +++ b/source/_patterns/00-basics/01-text/06-banner-title.mustache @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/source/_patterns/00-basics/01-text/07-brand-name.mustache b/source/_patterns/00-basics/01-text/07-brand-name.mustache new file mode 100644 index 0000000..57b4654 --- /dev/null +++ b/source/_patterns/00-basics/01-text/07-brand-name.mustache @@ -0,0 +1 @@ +Brand Name \ No newline at end of file diff --git a/source/_patterns/00-atoms/03-images/00-logo.mustache b/source/_patterns/00-basics/03-images/00-logo.mustache similarity index 100% rename from source/_patterns/00-atoms/03-images/00-logo.mustache rename to source/_patterns/00-basics/03-images/00-logo.mustache diff --git a/source/_patterns/00-basics/03-images/01-icons.mustache b/source/_patterns/00-basics/03-images/01-icons.mustache new file mode 100644 index 0000000..82bd240 --- /dev/null +++ b/source/_patterns/00-basics/03-images/01-icons.mustache @@ -0,0 +1,4 @@ +
+ + icon here +
\ No newline at end of file diff --git a/source/_patterns/00-basics/03-images/02-image-box.mustache b/source/_patterns/00-basics/03-images/02-image-box.mustache new file mode 100644 index 0000000..5fa0986 --- /dev/null +++ b/source/_patterns/00-basics/03-images/02-image-box.mustache @@ -0,0 +1 @@ +
\ No newline at end of file diff --git a/source/_patterns/00-basics/04-forms/00-input-field.mustache b/source/_patterns/00-basics/04-forms/00-input-field.mustache new file mode 100644 index 0000000..e144c6f --- /dev/null +++ b/source/_patterns/00-basics/04-forms/00-input-field.mustache @@ -0,0 +1 @@ + diff --git a/source/_patterns/00-basics/05-buttons/00-button-default.mustache b/source/_patterns/00-basics/05-buttons/00-button-default.mustache new file mode 100644 index 0000000..f96ac45 --- /dev/null +++ b/source/_patterns/00-basics/05-buttons/00-button-default.mustache @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/source/_patterns/00-basics/05-buttons/01-button-action.json b/source/_patterns/00-basics/05-buttons/01-button-action.json new file mode 100644 index 0000000..3587e7e --- /dev/null +++ b/source/_patterns/00-basics/05-buttons/01-button-action.json @@ -0,0 +1,9 @@ +{ + "button-action": { + "buttons": { + "text": "ACTION", + "hasClass": true, + "className": "button button--action" + } + } +} \ No newline at end of file diff --git a/source/_patterns/00-basics/05-buttons/01-button-action.mustache b/source/_patterns/00-basics/05-buttons/01-button-action.mustache new file mode 100644 index 0000000..6acb778 --- /dev/null +++ b/source/_patterns/00-basics/05-buttons/01-button-action.mustache @@ -0,0 +1,3 @@ +{{# button-action }} + {{> atoms-button-default }} +{{/ button-action}} \ No newline at end of file diff --git a/source/_patterns/00-basics/05-buttons/02-button-info.json b/source/_patterns/00-basics/05-buttons/02-button-info.json new file mode 100644 index 0000000..edf4718 --- /dev/null +++ b/source/_patterns/00-basics/05-buttons/02-button-info.json @@ -0,0 +1,9 @@ +{ + "button-info": { + "buttons": { + "text": "INFO", + "hasClass": true, + "className": "button button--info" + } + } +} \ No newline at end of file diff --git a/source/_patterns/00-basics/05-buttons/02-button-info.mustache b/source/_patterns/00-basics/05-buttons/02-button-info.mustache new file mode 100644 index 0000000..d240c4e --- /dev/null +++ b/source/_patterns/00-basics/05-buttons/02-button-info.mustache @@ -0,0 +1,3 @@ +{{# button-info }} + {{> atoms-button-default }} +{{/ button-info}} \ No newline at end of file diff --git a/source/_patterns/00-atoms/_07-media/00-video.mustache b/source/_patterns/00-basics/_07-media/00-video.mustache similarity index 100% rename from source/_patterns/00-atoms/_07-media/00-video.mustache rename to source/_patterns/00-basics/_07-media/00-video.mustache diff --git a/source/_patterns/01-molecules/00-text/00-brand.mustache b/source/_patterns/01-molecules/00-text/00-brand.mustache new file mode 100644 index 0000000..56b9200 --- /dev/null +++ b/source/_patterns/01-molecules/00-text/00-brand.mustache @@ -0,0 +1,4 @@ +
+ {{> basics-logo }} + {{> basics-brand-name }} +
\ No newline at end of file diff --git a/source/_patterns/01-molecules/00-text/00-byline-author-only.mustache b/source/_patterns/01-molecules/00-text/00-byline-author-only.mustache deleted file mode 100644 index 08366ca..0000000 --- a/source/_patterns/01-molecules/00-text/00-byline-author-only.mustache +++ /dev/null @@ -1 +0,0 @@ -
by {{ author.first-name }} {{ author.last-name }}
\ No newline at end of file diff --git a/source/_patterns/01-molecules/00-text/01-byline-author-time.mustache b/source/_patterns/01-molecules/00-text/01-byline-author-time.mustache deleted file mode 100644 index 5d61bc7..0000000 --- a/source/_patterns/01-molecules/00-text/01-byline-author-time.mustache +++ /dev/null @@ -1 +0,0 @@ -
by {{ author.first-name }} {{ author.last-name }} on
\ No newline at end of file diff --git a/source/_patterns/01-molecules/00-text/01-revolution-content.json b/source/_patterns/01-molecules/00-text/01-revolution-content.json new file mode 100644 index 0000000..3587e7e --- /dev/null +++ b/source/_patterns/01-molecules/00-text/01-revolution-content.json @@ -0,0 +1,9 @@ +{ + "button-action": { + "buttons": { + "text": "ACTION", + "hasClass": true, + "className": "button button--action" + } + } +} \ No newline at end of file diff --git a/source/_patterns/01-molecules/00-text/01-revolution-content.mustache b/source/_patterns/01-molecules/00-text/01-revolution-content.mustache new file mode 100644 index 0000000..6e65140 --- /dev/null +++ b/source/_patterns/01-molecules/00-text/01-revolution-content.mustache @@ -0,0 +1,8 @@ +
+ {{> basics-banner-title}} +
Primary Heading
+
+ {{> basics-button-default }} + {{> basics-button-action }} +
+
\ No newline at end of file diff --git a/source/_patterns/01-molecules/00-text/02-address.mustache b/source/_patterns/01-molecules/00-text/02-address.mustache deleted file mode 100644 index a13ea79..0000000 --- a/source/_patterns/01-molecules/00-text/02-address.mustache +++ /dev/null @@ -1,11 +0,0 @@ -
-
Company Name
-
-
1234 Main St.
- Anywhere, - 101010, - CA -
U.S.A
-
-
+1.888.123.4567
-
\ No newline at end of file diff --git a/source/_patterns/01-molecules/00-text/02-info-block-header.mustache b/source/_patterns/01-molecules/00-text/02-info-block-header.mustache new file mode 100644 index 0000000..a89bb0c --- /dev/null +++ b/source/_patterns/01-molecules/00-text/02-info-block-header.mustache @@ -0,0 +1,4 @@ +
+
Primary Heading
+ {{> basics-line }} +
\ No newline at end of file diff --git a/source/_patterns/01-molecules/00-text/04-blockquote-with-citation.mustache b/source/_patterns/01-molecules/00-text/04-blockquote-with-citation.mustache deleted file mode 100644 index b9b6c98..0000000 --- a/source/_patterns/01-molecules/00-text/04-blockquote-with-citation.mustache +++ /dev/null @@ -1,4 +0,0 @@ -
-

A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.

- Quote Source -
\ No newline at end of file diff --git a/source/_patterns/01-molecules/00-text/05-intro-text.mustache b/source/_patterns/01-molecules/00-text/05-intro-text.mustache deleted file mode 100644 index b2b1bde..0000000 --- a/source/_patterns/01-molecules/00-text/05-intro-text.mustache +++ /dev/null @@ -1 +0,0 @@ -

The intro text may be a lead-in to the passage of text, or it may just be used to create a visual distinction between the rest of the passage of text.

\ No newline at end of file diff --git a/source/_patterns/01-molecules/00-text/06-pullquote.mustache b/source/_patterns/01-molecules/00-text/06-pullquote.mustache deleted file mode 100644 index dba015d..0000000 --- a/source/_patterns/01-molecules/00-text/06-pullquote.mustache +++ /dev/null @@ -1,3 +0,0 @@ -
-

A pull quote is a quotation or excerpt from an article

-
\ No newline at end of file diff --git a/source/_patterns/01-molecules/01-blocks/00-image-box-block.mustache b/source/_patterns/01-molecules/01-blocks/00-image-box-block.mustache new file mode 100644 index 0000000..0ffeeaf --- /dev/null +++ b/source/_patterns/01-molecules/01-blocks/00-image-box-block.mustache @@ -0,0 +1,7 @@ +
+
+ {{> basics-image-box }} + {{> basics-subheadings }} + {{> basics-description }} +
+
\ No newline at end of file diff --git a/source/_patterns/01-molecules/01-blocks/01-icon-box.mustache b/source/_patterns/01-molecules/01-blocks/01-icon-box.mustache new file mode 100644 index 0000000..40c9dbd --- /dev/null +++ b/source/_patterns/01-molecules/01-blocks/01-icon-box.mustache @@ -0,0 +1,7 @@ +
+
+ {{> basics-icon-background }} + {{> basics-subheadings }} + {{> basics-description }} +
+
\ No newline at end of file diff --git a/source/_patterns/01-molecules/01-blocks/02-contact-block.mustache b/source/_patterns/01-molecules/01-blocks/02-contact-block.mustache new file mode 100644 index 0000000..2a36129 --- /dev/null +++ b/source/_patterns/01-molecules/01-blocks/02-contact-block.mustache @@ -0,0 +1,4 @@ +
+ {{> basics-subheadings }} + {{> basics-description }} +
\ No newline at end of file diff --git a/source/_patterns/01-molecules/01-blocks/03-features-icon-block.mustache b/source/_patterns/01-molecules/01-blocks/03-features-icon-block.mustache new file mode 100644 index 0000000..586f65b --- /dev/null +++ b/source/_patterns/01-molecules/01-blocks/03-features-icon-block.mustache @@ -0,0 +1,7 @@ +
+
icon
+
+ {{> basics-subheadings }} + {{> basics-description }} +
+
\ No newline at end of file diff --git a/source/_patterns/01-molecules/01-blocks/04-portfolio-item.mustache b/source/_patterns/01-molecules/01-blocks/04-portfolio-item.mustache new file mode 100644 index 0000000..740cbc2 --- /dev/null +++ b/source/_patterns/01-molecules/01-blocks/04-portfolio-item.mustache @@ -0,0 +1,5 @@ +
+
+
Portfolio Item Name
+
+
\ No newline at end of file diff --git a/source/_patterns/01-molecules/01-layout/00-one-up.mustache b/source/_patterns/01-molecules/01-layout/00-one-up.mustache deleted file mode 100644 index eb58a0e..0000000 --- a/source/_patterns/01-molecules/01-layout/00-one-up.mustache +++ /dev/null @@ -1,7 +0,0 @@ -
- -
-
1/1
-
- -
\ No newline at end of file diff --git a/source/_patterns/01-molecules/01-layout/01-two-up.mustache b/source/_patterns/01-molecules/01-layout/01-two-up.mustache deleted file mode 100644 index ff1553a..0000000 --- a/source/_patterns/01-molecules/01-layout/01-two-up.mustache +++ /dev/null @@ -1,7 +0,0 @@ -
- -
-
1/2
-
1/2
-
-
\ No newline at end of file diff --git a/source/_patterns/01-molecules/01-layout/02-three-up.mustache b/source/_patterns/01-molecules/01-layout/02-three-up.mustache deleted file mode 100644 index d68fb48..0000000 --- a/source/_patterns/01-molecules/01-layout/02-three-up.mustache +++ /dev/null @@ -1,8 +0,0 @@ -
- -
-
1/3
-
1/3
-
1/3
-
-
\ No newline at end of file diff --git a/source/_patterns/01-molecules/01-layout/03-four-up.mustache b/source/_patterns/01-molecules/01-layout/03-four-up.mustache deleted file mode 100644 index f7351c0..0000000 --- a/source/_patterns/01-molecules/01-layout/03-four-up.mustache +++ /dev/null @@ -1,9 +0,0 @@ -
- -
-
1/4
-
1/4
-
1/4
-
1/4
-
-
\ No newline at end of file diff --git a/source/_patterns/01-molecules/02-blocks/00-media-block.mustache b/source/_patterns/01-molecules/02-blocks/00-media-block.mustache deleted file mode 100644 index a82a8ed..0000000 --- a/source/_patterns/01-molecules/02-blocks/00-media-block.mustache +++ /dev/null @@ -1,11 +0,0 @@ -
- -
- {{> atoms-square }} -
-
-

{{ headline.short }}

-

{{ excerpt.medium }}

-
- -
\ No newline at end of file diff --git a/source/_patterns/01-molecules/02-blocks/01-headline-byline.mustache b/source/_patterns/01-molecules/02-blocks/01-headline-byline.mustache deleted file mode 100644 index e6416f8..0000000 --- a/source/_patterns/01-molecules/02-blocks/01-headline-byline.mustache +++ /dev/null @@ -1,6 +0,0 @@ -
- -

Headline: Lorem Ipsum Dolor Amet Sit

- {{> atoms-time }} - -
\ No newline at end of file diff --git a/source/_patterns/01-molecules/02-blocks/02-block-hero.mustache b/source/_patterns/01-molecules/02-blocks/02-block-hero.mustache deleted file mode 100644 index c685176..0000000 --- a/source/_patterns/01-molecules/02-blocks/02-block-hero.mustache +++ /dev/null @@ -1,10 +0,0 @@ -
- -
- {{> atoms-landscape-16x9 }} -
-
-

{{ headline.medium }}

-
- -
\ No newline at end of file diff --git a/source/_patterns/01-molecules/02-blocks/03-block-thumb-headline.mustache b/source/_patterns/01-molecules/02-blocks/03-block-thumb-headline.mustache deleted file mode 100644 index 9e13fb9..0000000 --- a/source/_patterns/01-molecules/02-blocks/03-block-thumb-headline.mustache +++ /dev/null @@ -1,10 +0,0 @@ -
- -
- {{> atoms-square }} -
-
-

{{ title }}

-
- -
\ No newline at end of file diff --git a/source/_patterns/01-molecules/02-blocks/04-headline-only.mustache b/source/_patterns/01-molecules/02-blocks/04-headline-only.mustache deleted file mode 100644 index 5c0dade..0000000 --- a/source/_patterns/01-molecules/02-blocks/04-headline-only.mustache +++ /dev/null @@ -1,5 +0,0 @@ -
- -

Headline: Lorem ipsum dolor sit amet, consectetur adipiscing elit

- -
\ No newline at end of file diff --git a/source/_patterns/01-molecules/02-blocks/05-inset-block.mustache b/source/_patterns/01-molecules/02-blocks/05-inset-block.mustache deleted file mode 100644 index e850e47..0000000 --- a/source/_patterns/01-molecules/02-blocks/05-inset-block.mustache +++ /dev/null @@ -1,10 +0,0 @@ -
- -
- {{> atoms-landscape-4x3 }} -
-
-

{{ headline.short }}

-
- -
\ No newline at end of file diff --git a/source/_patterns/01-molecules/02-forms/00-input-with-placeholder.json b/source/_patterns/01-molecules/02-forms/00-input-with-placeholder.json new file mode 100644 index 0000000..d20a9b3 --- /dev/null +++ b/source/_patterns/01-molecules/02-forms/00-input-with-placeholder.json @@ -0,0 +1,5 @@ +{ + "input-field": { + "placeholder": "placeholder text" + } +} \ No newline at end of file diff --git a/source/_patterns/01-molecules/02-forms/00-input-with-placeholder.mustache b/source/_patterns/01-molecules/02-forms/00-input-with-placeholder.mustache new file mode 100644 index 0000000..6e60bf0 --- /dev/null +++ b/source/_patterns/01-molecules/02-forms/00-input-with-placeholder.mustache @@ -0,0 +1,3 @@ +
+ {{> basics-input-field }} +
diff --git a/source/_patterns/01-molecules/03-media/00-figure-with-caption.mustache b/source/_patterns/01-molecules/03-media/00-figure-with-caption.mustache deleted file mode 100644 index 98e2b44..0000000 --- a/source/_patterns/01-molecules/03-media/00-figure-with-caption.mustache +++ /dev/null @@ -1,4 +0,0 @@ -
- {{> atoms-landscape-4x3 }} -
This is an example of an image with a caption. Photo captions, also known as cutlines, are a few lines of text used to explain or elaborate on published photographs.
-
\ No newline at end of file diff --git a/source/_patterns/01-molecules/03-media/_map.mustache b/source/_patterns/01-molecules/03-media/_map.mustache deleted file mode 100644 index 9acb52b..0000000 --- a/source/_patterns/01-molecules/03-media/_map.mustache +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/source/_patterns/01-molecules/03-navigation/03-pagination.mustache b/source/_patterns/01-molecules/03-navigation/03-pagination.mustache new file mode 100644 index 0000000..4eb2003 --- /dev/null +++ b/source/_patterns/01-molecules/03-navigation/03-pagination.mustache @@ -0,0 +1,6 @@ +
+ {{> basics-pagination-ellipse }} + {{> basics-pagination-ellipse }} + {{> basics-pagination-ellipse }} + {{> basics-pagination-ellipse }} +
\ No newline at end of file diff --git a/source/_patterns/01-molecules/04-forms/00-search.mustache b/source/_patterns/01-molecules/04-forms/00-search.mustache deleted file mode 100644 index aa27631..0000000 --- a/source/_patterns/01-molecules/04-forms/00-search.mustache +++ /dev/null @@ -1,11 +0,0 @@ -
-
- Search - - - -
-
\ No newline at end of file diff --git a/source/_patterns/01-molecules/04-forms/01-comment-form.mustache b/source/_patterns/01-molecules/04-forms/01-comment-form.mustache deleted file mode 100644 index 43d6cb3..0000000 --- a/source/_patterns/01-molecules/04-forms/01-comment-form.mustache +++ /dev/null @@ -1,20 +0,0 @@ -
-
-
- - -
-
- - -
-
- - -
-
- - -
-
-
\ No newline at end of file diff --git a/source/_patterns/01-molecules/04-forms/02-newsletter.mustache b/source/_patterns/01-molecules/04-forms/02-newsletter.mustache deleted file mode 100644 index e23b2d5..0000000 --- a/source/_patterns/01-molecules/04-forms/02-newsletter.mustache +++ /dev/null @@ -1,10 +0,0 @@ - \ No newline at end of file diff --git a/source/_patterns/01-molecules/05-navigation/00-primary-nav.mustache b/source/_patterns/01-molecules/05-navigation/00-primary-nav.mustache deleted file mode 100644 index 226cfd4..0000000 --- a/source/_patterns/01-molecules/05-navigation/00-primary-nav.mustache +++ /dev/null @@ -1,8 +0,0 @@ - diff --git a/source/_patterns/01-molecules/05-navigation/01-footer-nav.mustache b/source/_patterns/01-molecules/05-navigation/01-footer-nav.mustache deleted file mode 100644 index 182633b..0000000 --- a/source/_patterns/01-molecules/05-navigation/01-footer-nav.mustache +++ /dev/null @@ -1,6 +0,0 @@ - \ No newline at end of file diff --git a/source/_patterns/01-molecules/05-navigation/02-breadcrumbs.mustache b/source/_patterns/01-molecules/05-navigation/02-breadcrumbs.mustache deleted file mode 100644 index 7d2eb52..0000000 --- a/source/_patterns/01-molecules/05-navigation/02-breadcrumbs.mustache +++ /dev/null @@ -1,7 +0,0 @@ - \ No newline at end of file diff --git a/source/_patterns/01-molecules/05-navigation/03-pagination.mustache b/source/_patterns/01-molecules/05-navigation/03-pagination.mustache deleted file mode 100644 index b23a01a..0000000 --- a/source/_patterns/01-molecules/05-navigation/03-pagination.mustache +++ /dev/null @@ -1,9 +0,0 @@ -
    -
  1. 1
    2. -
  2. 2
    3. -
  3. 3
    4. -
  4. 4
    5. -
  5. 5
    6. -
  6. 6
    7. -
  7. 7
    8. -
\ No newline at end of file diff --git a/source/_patterns/01-molecules/05-navigation/04-tabs.mustache b/source/_patterns/01-molecules/05-navigation/04-tabs.mustache deleted file mode 100644 index 341817d..0000000 --- a/source/_patterns/01-molecules/05-navigation/04-tabs.mustache +++ /dev/null @@ -1,7 +0,0 @@ -
- -
\ No newline at end of file diff --git a/source/_patterns/01-molecules/_06-components/00-social-share.mustache b/source/_patterns/01-molecules/_06-components/00-social-share.mustache deleted file mode 100644 index 71694ae..0000000 --- a/source/_patterns/01-molecules/_06-components/00-social-share.mustache +++ /dev/null @@ -1,8 +0,0 @@ - \ No newline at end of file diff --git a/source/_patterns/01-molecules/_06-components/01-accordion.mustache b/source/_patterns/01-molecules/_06-components/01-accordion.mustache deleted file mode 100644 index 253962d..0000000 --- a/source/_patterns/01-molecules/_06-components/01-accordion.mustache +++ /dev/null @@ -1,19 +0,0 @@ -
- -
\ No newline at end of file diff --git a/source/_patterns/01-molecules/_06-components/02-single-comment.mustache b/source/_patterns/01-molecules/_06-components/02-single-comment.mustache deleted file mode 100644 index a7f5627..0000000 --- a/source/_patterns/01-molecules/_06-components/02-single-comment.mustache +++ /dev/null @@ -1,9 +0,0 @@ -
  • -
    - {{> atoms-avatar }} -

    {{name.first}} {{name.last}}

    -
    -
    -

    {{description}}

    -
    -
    • \ No newline at end of file diff --git a/source/_patterns/01-molecules/_07-messaging/00-alert.mustache b/source/_patterns/01-molecules/_07-messaging/00-alert.mustache deleted file mode 100644 index b5e479b..0000000 --- a/source/_patterns/01-molecules/_07-messaging/00-alert.mustache +++ /dev/null @@ -1,3 +0,0 @@ -
    - {{ excerpt.short }} -
    \ No newline at end of file diff --git a/source/_patterns/02-organisms/00-global/00-header.mustache b/source/_patterns/02-organisms/00-global/00-header.mustache index 24f2651..0c0a577 100644 --- a/source/_patterns/02-organisms/00-global/00-header.mustache +++ b/source/_patterns/02-organisms/00-global/00-header.mustache @@ -1,9 +1,10 @@ - -