diff --git a/.gitignore b/.gitignore
index 58cdad6..5cf4f42 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
design-library/node_modules
+.idea
diff --git a/design-library/.gitignore b/design-library/.gitignore
index d4f687c..9560e76 100644
--- a/design-library/.gitignore
+++ b/design-library/.gitignore
@@ -3,3 +3,4 @@ export/*
public/*
source/styleguide/*
vendor/*
+debug.log
diff --git a/design-library/gulpfile.js b/design-library/gulpfile.js
index 7ece9be..5221d74 100644
--- a/design-library/gulpfile.js
+++ b/design-library/gulpfile.js
@@ -7,9 +7,12 @@ var concat = require('gulp-concat');
var minify = require('gulp-minify-css');
var merge = require('merge-stream');
var shell = require('gulp-shell');
+var sassGlob = require('gulp-sass-glob');
// Directories for storing sass and css files
-var sassFiles = ['source/_patterns/**/*.scss','source/scss/*.scss'];
+// var sassFiles = ['source/_patterns/**/*.scss','source/scss/scss.scss'];
+var sassFiles = ['source/**/*.scss'];
+
var cssDir = 'source/css';
var jsDir = 'source/js/*.js';
@@ -39,6 +42,7 @@ gulp.task('sass', function() {
return gulp.src(sassFiles)
// Initialize sourcemaps
//.pipe(sourcemaps.init())
+ .pipe(sassGlob())
// Run Sass
.pipe(sass({
outputStyle: 'compressed',
diff --git a/design-library/package.json b/design-library/package.json
index 260fa44..003545f 100644
--- a/design-library/package.json
+++ b/design-library/package.json
@@ -19,13 +19,14 @@
"devDependencies": {
"breakpoint-sass": "^2.7.1",
"gulp-autoprefixer": "^3.1.1",
+ "gulp-concat": "^2.6.0",
"gulp-eslint": "^3.0.1",
+ "gulp-minify-css": "^1.2.1",
"gulp-sass": "^3.0.0",
+ "gulp-sass-glob": "^1.0.8",
"gulp-sass-lint": "^1.3.2",
- "gulp-sourcemaps": "^1.9.1",
- "gulp-concat": "^2.6.0",
- "gulp-minify-css": "^1.2.1",
"gulp-shell": "^0.6.3",
+ "gulp-sourcemaps": "^1.9.1",
"merge-stream": "^1.0.0",
"susy": "^2.2.12",
"typey": "^1.1.1"
diff --git a/design-library/source/_patterns/01-atoms/01-list-title/_list-title.scss b/design-library/source/_patterns/01-atoms/01-list-title/_list-title.scss
new file mode 100644
index 0000000..a96dc81
--- /dev/null
+++ b/design-library/source/_patterns/01-atoms/01-list-title/_list-title.scss
@@ -0,0 +1,9 @@
+h3.list-title {
+ font-size: 2em;
+ a {
+ color: black;
+ &:hover {
+ color: $link-color--hover;
+ }
+ }
+}
\ No newline at end of file
diff --git a/design-library/source/_patterns/01-atoms/01-list-title/list-title.scss b/design-library/source/_patterns/01-atoms/01-list-title/list-title.scss
deleted file mode 100644
index 67c1106..0000000
--- a/design-library/source/_patterns/01-atoms/01-list-title/list-title.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-h3.list-title {
- a {
- font-size: 32px;
- color: #000;
- font-weight: bold;
- margin-bottom: 20px;
- }
-
- a:hover {
- color: #0CB022;
- text-decoration: none;
- }
-}
\ No newline at end of file
diff --git a/design-library/source/_patterns/01-atoms/02-list-body/list-body.scss b/design-library/source/_patterns/01-atoms/02-list-body/_list-body.scss
similarity index 53%
rename from design-library/source/_patterns/01-atoms/02-list-body/list-body.scss
rename to design-library/source/_patterns/01-atoms/02-list-body/_list-body.scss
index 575eeab..1b0816f 100644
--- a/design-library/source/_patterns/01-atoms/02-list-body/list-body.scss
+++ b/design-library/source/_patterns/01-atoms/02-list-body/_list-body.scss
@@ -1,6 +1,6 @@
div.list-body {
- font-size: 18px;
- margin-bottom: 40px;
+ font-size: 1.125em;
+ margin-bottom: 2em;
a {
font-weight: bold;
diff --git a/design-library/source/_patterns/01-atoms/03-list-image/list-image.scss b/design-library/source/_patterns/01-atoms/03-list-image/_list-image.scss
similarity index 100%
rename from design-library/source/_patterns/01-atoms/03-list-image/list-image.scss
rename to design-library/source/_patterns/01-atoms/03-list-image/_list-image.scss
diff --git a/design-library/source/_patterns/01-atoms/03-list-image/list-image.json b/design-library/source/_patterns/01-atoms/03-list-image/list-image.json
index ea9b2bf..9dca3b5 100644
--- a/design-library/source/_patterns/01-atoms/03-list-image/list-image.json
+++ b/design-library/source/_patterns/01-atoms/03-list-image/list-image.json
@@ -1,3 +1,3 @@
{
- "image_url": "http://nerdstein.net/sites/default/files/nerdstein_11.png"
+ "image_url": "/images/dog-cello.jpg"
}
\ No newline at end of file
diff --git a/design-library/source/_patterns/01-atoms/03-list-image/list-image.twig b/design-library/source/_patterns/01-atoms/03-list-image/list-image.twig
index 42be07a..159ea06 100644
--- a/design-library/source/_patterns/01-atoms/03-list-image/list-image.twig
+++ b/design-library/source/_patterns/01-atoms/03-list-image/list-image.twig
@@ -1 +1,3 @@
-
\ No newline at end of file
+
+
+
\ No newline at end of file
diff --git a/design-library/source/_patterns/01-atoms/04-blog-tag/_blog-tag.scss b/design-library/source/_patterns/01-atoms/04-blog-tag/_blog-tag.scss
new file mode 100644
index 0000000..23d0a89
--- /dev/null
+++ b/design-library/source/_patterns/01-atoms/04-blog-tag/_blog-tag.scss
@@ -0,0 +1,3 @@
+.highlight-title {
+ @include button-profile;
+}
\ No newline at end of file
diff --git a/design-library/source/_patterns/01-atoms/04-blog-tag/blog-tag.scss b/design-library/source/_patterns/01-atoms/04-blog-tag/blog-tag.scss
deleted file mode 100644
index 84e7a7b..0000000
--- a/design-library/source/_patterns/01-atoms/04-blog-tag/blog-tag.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.highlight-title {
- font-family: 'Pavanam';
- background-color: #ED6300;
- color: #fff;
- padding: 8px;
-}
\ No newline at end of file
diff --git a/design-library/source/_patterns/01-atoms/05-list-posted-on/_list-posted-on.scss b/design-library/source/_patterns/01-atoms/05-list-posted-on/_list-posted-on.scss
new file mode 100644
index 0000000..29224d5
--- /dev/null
+++ b/design-library/source/_patterns/01-atoms/05-list-posted-on/_list-posted-on.scss
@@ -0,0 +1,5 @@
+.posted-on {
+ color: $medium-gray;
+ margin: 0 0 1em 0;
+ line-height: 1;
+}
diff --git a/design-library/source/_patterns/01-atoms/05-list-posted-on/list-posted-on.scss b/design-library/source/_patterns/01-atoms/05-list-posted-on/list-posted-on.scss
deleted file mode 100644
index 2bd32ee..0000000
--- a/design-library/source/_patterns/01-atoms/05-list-posted-on/list-posted-on.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-.posted-on {
- color: #969696;
-
-}
\ No newline at end of file
diff --git a/design-library/source/_patterns/01-atoms/06-section-heading/_section-heading.scss b/design-library/source/_patterns/01-atoms/06-section-heading/_section-heading.scss
new file mode 100644
index 0000000..da95a31
--- /dev/null
+++ b/design-library/source/_patterns/01-atoms/06-section-heading/_section-heading.scss
@@ -0,0 +1,3 @@
+.section-heading {
+ @include button-profile;
+}
\ No newline at end of file
diff --git a/design-library/source/_patterns/01-atoms/06-section-heading/section-heading.scss b/design-library/source/_patterns/01-atoms/06-section-heading/section-heading.scss
deleted file mode 100644
index ec1a579..0000000
--- a/design-library/source/_patterns/01-atoms/06-section-heading/section-heading.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.section-heading {
- font-family: 'Pavanam';
- background-color: #ED6300;
- color: #fff;
- padding: 8px;
-}
\ No newline at end of file
diff --git a/design-library/source/_patterns/01-atoms/07-section-content/section-content.scss b/design-library/source/_patterns/01-atoms/07-section-content/_section-content.scss
similarity index 86%
rename from design-library/source/_patterns/01-atoms/07-section-content/section-content.scss
rename to design-library/source/_patterns/01-atoms/07-section-content/_section-content.scss
index fe939bc..10054f2 100644
--- a/design-library/source/_patterns/01-atoms/07-section-content/section-content.scss
+++ b/design-library/source/_patterns/01-atoms/07-section-content/_section-content.scss
@@ -1,6 +1,6 @@
.section-content {
background-color: #fff;
- border: 2px solid #EDEDED;
+ border: 2px solid $light-gray;
margin-bottom: 30px;
font-size: 16px;
.ul {
diff --git a/design-library/source/_patterns/02-molecules/01-blog-tags/_blog-tags.scss b/design-library/source/_patterns/02-molecules/01-blog-tags/_blog-tags.scss
new file mode 100644
index 0000000..5af7f21
--- /dev/null
+++ b/design-library/source/_patterns/02-molecules/01-blog-tags/_blog-tags.scss
@@ -0,0 +1,4 @@
+.blog-tags {
+ border-bottom: 1px solid $light-gray;
+ margin-bottom: 1.5em;
+}
\ No newline at end of file
diff --git a/design-library/source/_patterns/02-molecules/01-blog-tags/blog-tags.scss b/design-library/source/_patterns/02-molecules/01-blog-tags/blog-tags.scss
deleted file mode 100644
index 94162fa..0000000
--- a/design-library/source/_patterns/02-molecules/01-blog-tags/blog-tags.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-.blog-tags {
- border-bottom: 1px solid #ccc;
- margin-bottom: 30px;
-}
\ No newline at end of file
diff --git a/design-library/source/_patterns/02-molecules/02-list-element/list-element.scss b/design-library/source/_patterns/02-molecules/02-list-element/_list-element.scss
similarity index 69%
rename from design-library/source/_patterns/02-molecules/02-list-element/list-element.scss
rename to design-library/source/_patterns/02-molecules/02-list-element/_list-element.scss
index 2f6ea7c..50f5a5c 100644
--- a/design-library/source/_patterns/02-molecules/02-list-element/list-element.scss
+++ b/design-library/source/_patterns/02-molecules/02-list-element/_list-element.scss
@@ -3,6 +3,7 @@
margin-bottom: 15px;
.list-element-body {
+ display: block;
.list-element-image {
float: left;
clear: left;
@@ -10,5 +11,10 @@
margin-left: 0px;
margin-top: 0px;
}
+ &:after {
+ content:" ";
+ display:block;
+ clear:both;
+ }
}
}
\ No newline at end of file
diff --git a/design-library/source/_patterns/02-molecules/02-list-element/list-element.json b/design-library/source/_patterns/02-molecules/02-list-element/list-element.json
index 3f0858a..94b70db 100644
--- a/design-library/source/_patterns/02-molecules/02-list-element/list-element.json
+++ b/design-library/source/_patterns/02-molecules/02-list-element/list-element.json
@@ -8,6 +8,9 @@
},
"2": {
"tag_name": "Drupal"
+ },
+ "3": {
+ "tag_name": "Cats"
}
},
"posted_date": "January 5, 2017"
diff --git a/design-library/source/_patterns/02-molecules/02-list-element/list-element~1-image.json b/design-library/source/_patterns/02-molecules/02-list-element/list-element~1-image.json
index 6a389b6..0bbf912 100644
--- a/design-library/source/_patterns/02-molecules/02-list-element/list-element~1-image.json
+++ b/design-library/source/_patterns/02-molecules/02-list-element/list-element~1-image.json
@@ -1,7 +1,7 @@
{
"title": "The category manager enforces our risk appetites.",
- "link_url": "http://nerdstein.net",
- "image_url": "http://nerdstein.net/sites/default/files/nerdstein_11.png",
+ "link_url": "http://thecatapi.com/",
+ "image_url": "/images/dog-cello.jpg",
"body": "The preemptive commitment leads to an agile feedback, while the game changer connects the dots to the end game. Our under-the-radar business platforms energize the market thinker.",
"tag_list": [ ],
"posted_date": "February 10, 2017"
diff --git a/design-library/source/_patterns/02-molecules/03-section/section.scss b/design-library/source/_patterns/02-molecules/03-section/_section.scss
similarity index 100%
rename from design-library/source/_patterns/02-molecules/03-section/section.scss
rename to design-library/source/_patterns/02-molecules/03-section/_section.scss
diff --git a/design-library/source/_patterns/03-organisms/01-blog-list/blog-list.scss b/design-library/source/_patterns/03-organisms/01-blog-list/_blog-list.scss
similarity index 100%
rename from design-library/source/_patterns/03-organisms/01-blog-list/blog-list.scss
rename to design-library/source/_patterns/03-organisms/01-blog-list/_blog-list.scss
diff --git a/design-library/source/_patterns/03-organisms/01-blog-list/blog-list.json b/design-library/source/_patterns/03-organisms/01-blog-list/blog-list.json
index 619a4d8..c471c07 100644
--- a/design-library/source/_patterns/03-organisms/01-blog-list/blog-list.json
+++ b/design-library/source/_patterns/03-organisms/01-blog-list/blog-list.json
@@ -26,7 +26,7 @@
"tag_name": "DevOps"
}
},
- "image_url": "http://nerdstein.net/sites/default/files/nerdstein_11.png",
+ "image_url": "/images/dog-cello.jpg",
"posted_date": "March 19, 2017"
},
"3": {
diff --git a/design-library/source/_patterns/04-pages/01-sidebar/sidebar.scss b/design-library/source/_patterns/04-pages/01-sidebar/_sidebar.scss
similarity index 100%
rename from design-library/source/_patterns/04-pages/01-sidebar/sidebar.scss
rename to design-library/source/_patterns/04-pages/01-sidebar/_sidebar.scss
diff --git a/design-library/source/_patterns/04-pages/01-sidebar/sidebar.twig b/design-library/source/_patterns/04-pages/01-sidebar/sidebar.twig
index 3a2d8d6..19e726a 100644
--- a/design-library/source/_patterns/04-pages/01-sidebar/sidebar.twig
+++ b/design-library/source/_patterns/04-pages/01-sidebar/sidebar.twig
@@ -37,7 +37,7 @@
"tag_name": "DevOps"
}
},
- "image_url": "http://nerdstein.net/sites/default/files/nerdstein_11.png",
+ "image_url": "/images/dog-cello.jpg",
"posted_date": "March 19, 2017"
},
"3": {
diff --git a/design-library/source/css/style.css b/design-library/source/css/style.css
index 7ae4d31..d13f176 100644
--- a/design-library/source/css/style.css
+++ b/design-library/source/css/style.css
@@ -1 +1 @@
-div.list-body a,h3.list-title a{font-weight:700}.highlight-title,.section-heading{font-family:Pavanam;background-color:#ED6300;padding:8px}h3.list-title a{font-size:32px;color:#000;margin-bottom:20px}h3.list-title a:hover{color:#0CB022;text-decoration:none}div.list-body{font-size:18px;margin-bottom:40px}img.list-image{max-width:300px}.highlight-title{color:#fff}.blog-tags{border-bottom:1px solid #ccc;margin-bottom:30px}.section p{margin:20px}.list-element{margin-top:15px;margin-bottom:15px}.list-element .list-element-body .list-element-image{float:left;clear:left;margin:0 15px 15px 0}.posted-on{color:#969696}.section-heading{color:#fff}.section-content{background-color:#fff;border:2px solid #EDEDED;margin-bottom:30px;font-size:16px}.section-content .ul .li{border-bottom:1px solid #ccc}.section-content .ul .li:last-child{border-bottom:none}.blog-list{padding-top:40px;padding-bottom:40px}.sidebar{clear:right;float:right;display:block;margin-left:50px;width:25%}.content{display:block;width:72%}body{overflow-x:hidden;font-family:'PT Sans';font-size:18px;background-color:#f8f8f8;color:#4c4c4c}body a{color:#0C0D0D}body a :hover{color:#424242}body a :visited{text-decoration:none}
\ No newline at end of file
+.highlight-title,.section-heading{font-weight:700;display:inline-block;line-height:1;padding:.5em .75em;font-family:"PT Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}a,a:visited{text-decoration:none}.highlight-title,.section-heading,body,h1,h2,h3,h4{font-family:"PT Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}h3.list-title{font-size:2em}h3.list-title a{color:#000}h3.list-title a:hover{color:#0fa620}div.list-body{font-size:1.125em;margin-bottom:2em}div.list-body a{font-weight:700}img.list-image{max-width:300px}.highlight-title{color:#fff;background-color:#ed6300}.highlight-title:hover{background-color:#0fa620}.posted-on{color:#969696;margin:0 0 1em;line-height:1}.section-heading{color:#fff;background-color:#ed6300}.content,.list-element .list-element-body,.sidebar{display:block}.section-heading:hover{background-color:#0fa620}.section-content,body{background-color:#fff}.section-content{border:2px solid #EDEDED;margin-bottom:30px;font-size:16px}.section-content .ul .li{border-bottom:1px solid #ccc}.section-content .ul .li:last-child{border-bottom:none}.blog-tags{border-bottom:1px solid #EDEDED;margin-bottom:1.5em}.list-element{margin-top:15px;margin-bottom:15px}.list-element .list-element-body .list-element-image{float:left;clear:left;margin:0 15px 15px 0}.list-element .list-element-body:after{content:" ";display:block;clear:both}.section p{margin:20px}.blog-list{padding-top:40px;padding-bottom:40px}.sidebar{clear:right;float:right;margin-left:50px;width:25%}.content{width:72%}html{font-size:16px}body{font-size:1em;line-height:1.5;font-weight:400;overflow-x:hidden;color:#4c4c4c}a{color:#ed6300}a:hover{color:#0fa620;text-decoration:underline}h1,h2,h3,h4{font-weight:700;padding:0;line-height:1.2;margin:0 0 .5em}h1{font-size:2em}h2{font-size:1.67em}h3{font-size:1.33em}h4{font-size:1em}
\ No newline at end of file
diff --git a/design-library/source/images/dog-cello.jpg b/design-library/source/images/dog-cello.jpg
new file mode 100644
index 0000000..a414252
Binary files /dev/null and b/design-library/source/images/dog-cello.jpg differ
diff --git a/design-library/source/scss/base.scss b/design-library/source/scss/base.scss
deleted file mode 100644
index 2c6100b..0000000
--- a/design-library/source/scss/base.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-body {
- overflow-x: hidden; /* Prevent scroll on narrow devices */
- font-family: 'PT Sans';
- font-size: 18px;
- background-color: #f8f8f8;
- color: #4c4c4c;
-
- a {
- color: #0C0D0D;
-
- *:hover {
- color: #424242;
- }
-
- *:visited {
- text-decoration: none;
- }
- }
-}
\ No newline at end of file
diff --git a/design-library/source/scss/base/_basics.scss b/design-library/source/scss/base/_basics.scss
new file mode 100644
index 0000000..7767125
--- /dev/null
+++ b/design-library/source/scss/base/_basics.scss
@@ -0,0 +1,49 @@
+html {
+ font-size: 16px;
+}
+
+body {
+ @include font-profile--base;
+ overflow-x: hidden; /* Prevent scroll on narrow devices */
+ background-color: #fff;
+ color: $base-font-color;
+}
+
+a {
+ color: $link-color;
+ text-decoration: none;
+
+ &:hover {
+ color: $link-color--hover;
+ text-decoration: underline;
+ }
+
+ &:visited {
+ text-decoration: none;
+ }
+}
+
+h1, h2, h3, h4 {
+ @include font-profile--heading;
+ padding: 0;
+ line-height: 1.2;
+ margin: 0 0 .5em 0;
+}
+
+h1 {
+ font-size: 2em;
+}
+
+h2 {
+ font-size: 1.67em;
+}
+
+h3 {
+ font-size: 1.33em;
+}
+
+h4 {
+ font-size: 1em;
+}
+
+
diff --git a/design-library/source/scss/base/_variables.scss b/design-library/source/scss/base/_variables.scss
new file mode 100644
index 0000000..e3cbd47
--- /dev/null
+++ b/design-library/source/scss/base/_variables.scss
@@ -0,0 +1,44 @@
+
+$base-font-family: "PT Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
+$heading-font-family: $base-font-family;
+
+$base-font-color: #4c4c4c;
+
+$key-color-1--base: #ed6300;
+$key-color-1--lighter: lighten($key-color-1--base, 30%);
+$key-color-1--darker: darken($key-color-1--base, 30%);
+
+$key-color-2--base: #0fa620;
+$key-color-2--lighter: lighten($key-color-2--base, 30%);
+$key-color-2--darker: darken($key-color-2--base, 30%);
+
+$link-color: $key-color-1--base;
+$link-color--hover: $key-color-2--base;
+
+$light-gray: #EDEDED;
+$medium-gray: rgb(150, 150, 150);
+
+@mixin font-profile--base {
+ font-family: $base-font-family;
+ font-size: 1em;
+ line-height: 1.5;
+ font-weight: normal;
+}
+
+@mixin font-profile--heading {
+ font-family: $heading-font-family;
+ line-height: 1.3;
+ font-weight: bold;
+}
+
+@mixin button-profile {
+ @include font-profile--heading;
+ display: inline-block;
+ line-height: 1;
+ color: #fff;
+ background-color: $link-color;
+ padding: .5em .75em;
+ &:hover {
+ background-color: $link-color--hover;
+ }
+}
\ No newline at end of file
diff --git a/design-library/source/scss/base/base.scss b/design-library/source/scss/base/base.scss
new file mode 100644
index 0000000..3b653ea
--- /dev/null
+++ b/design-library/source/scss/base/base.scss
@@ -0,0 +1,2 @@
+@import 'variables';
+@import 'basics';
diff --git a/design-library/source/scss/scss.scss b/design-library/source/scss/scss.scss
new file mode 100644
index 0000000..107d791
--- /dev/null
+++ b/design-library/source/scss/scss.scss
@@ -0,0 +1,2 @@
+@import 'base/base';
+@import '../_patterns/**/*.scss';
\ No newline at end of file
diff --git a/html/.gitkeep b/html/.gitkeep
index 41d91b6..4d46858 100644
--- a/html/.gitkeep
+++ b/html/.gitkeep
@@ -1 +1 @@
-Holding file for public/ directory
\ No newline at end of file
+After you generate Pattern Lab for the first time your source files will be placed here.
\ No newline at end of file
diff --git a/html/css/pattern-scaffolding.css b/html/css/pattern-scaffolding.css
deleted file mode 100644
index 2a69457..0000000
--- a/html/css/pattern-scaffolding.css
+++ /dev/null
@@ -1,54 +0,0 @@
-/**
- * This stylesheet is for styles you want to include only when displaying demo
- * styles for grids, animations, color swatches, etc.
- * These styles will not be your production CSS.
- */
-#sg-patterns {
- -webkit-box-sizing: border-box !important;
- box-sizing: border-box !important;
- max-width: 100%;
- padding: 0 0.5em;
-}
-
-.demo-animate {
- background: #ddd;
- padding: 1em;
- margin-bottom: 1em;
- text-align: center;
- border-radius: 8px;
- cursor: pointer;
-}
-
-.sg-colors {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- list-style: none !important;
- padding: 0 !important;
- margin: 0 !important;
-}
-.sg-colors li {
- -webkit-box-flex: 1;
- -ms-flex: auto;
- flex: auto;
- padding: 0.3em;
- margin: 0 0.5em 0.5em 0;
- min-width: 5em;
- max-width: 14em;
- border: 1px solid #ddd;
- border-radius: 8px;
-}
-
-.sg-swatch {
- display: block;
- height: 4em;
- margin-bottom: 0.3em;
- border-radius: 5px;
-}
-
-.sg-label {
- font-size: 90%;
- line-height: 1;
-}
diff --git a/html/css/style.css b/html/css/style.css
deleted file mode 100644
index ec16332..0000000
--- a/html/css/style.css
+++ /dev/null
@@ -1 +0,0 @@
-div.list-body a,h3.list-title a{font-weight:700}.highlight-title,.section-heading{font-family:Pavanam;background-color:#ED6300;padding:8px}div.list-body{font-size:18px;margin-bottom:40px}h3.list-title a{font-size:32px;color:#000;margin-bottom:20px}h3.list-title a:hover{color:#0CB022;text-decoration:none}img.list-image{max-width:300px}.highlight-title{color:#fff}.posted-on{color:#969696}.section-heading{color:#fff}.section-content{background-color:#fff;border:2px solid #EDEDED;margin-bottom:30px;font-size:16px}.section-content .ul .li{border-bottom:1px solid #ccc}.section-content .ul .li:last-child{border-bottom:none}.blog-tags{border-bottom:1px solid #ccc;margin-bottom:30px}.list-element{margin-top:15px;margin-bottom:15px}.list-element .list-element-body .list-element-image{float:left;clear:left;margin:0 15px 15px 0}.section p{margin:20px}.blog-list{padding-top:40px;padding-bottom:40px}.sidebar{clear:right;float:right;display:block;margin-left:50px;width:25%}.content{display:block;width:72%}body{overflow-x:hidden;font-family:'PT Sans';font-size:18px;background-color:#f8f8f8;color:#4c4c4c}body a{color:#0C0D0D}body a :hover{color:#424242}body a :visited{text-decoration:none}
\ No newline at end of file
diff --git a/html/images/favicon_16x16.jpg b/html/images/favicon_16x16.jpg
deleted file mode 100644
index 05e7449..0000000
Binary files a/html/images/favicon_16x16.jpg and /dev/null differ
diff --git a/html/images/favicon_32x32.jpg b/html/images/favicon_32x32.jpg
deleted file mode 100644
index 0970980..0000000
Binary files a/html/images/favicon_32x32.jpg and /dev/null differ
diff --git a/html/images/fpo_16x9.png b/html/images/fpo_16x9.png
deleted file mode 100644
index 013949d..0000000
Binary files a/html/images/fpo_16x9.png and /dev/null differ
diff --git a/html/images/fpo_4x3.png b/html/images/fpo_4x3.png
deleted file mode 100644
index 7ff84b8..0000000
Binary files a/html/images/fpo_4x3.png and /dev/null differ
diff --git a/html/images/fpo_avatar.png b/html/images/fpo_avatar.png
deleted file mode 100644
index e666a40..0000000
Binary files a/html/images/fpo_avatar.png and /dev/null differ
diff --git a/html/images/fpo_square.png b/html/images/fpo_square.png
deleted file mode 100644
index ce8a1e4..0000000
Binary files a/html/images/fpo_square.png and /dev/null differ
diff --git a/html/images/logo.png b/html/images/logo.png
deleted file mode 100644
index 93db733..0000000
Binary files a/html/images/logo.png and /dev/null differ
diff --git a/html/images/sample/landscape-16x9-mountains.jpg b/html/images/sample/landscape-16x9-mountains.jpg
deleted file mode 100644
index 3c0d92b..0000000
Binary files a/html/images/sample/landscape-16x9-mountains.jpg and /dev/null differ
diff --git a/html/images/sample/thumb-square-fire.jpg b/html/images/sample/thumb-square-fire.jpg
deleted file mode 100644
index 20a5c5e..0000000
Binary files a/html/images/sample/thumb-square-fire.jpg and /dev/null differ
diff --git a/html/images/sample/thumb-square-gear.jpg b/html/images/sample/thumb-square-gear.jpg
deleted file mode 100644
index 052a52a..0000000
Binary files a/html/images/sample/thumb-square-gear.jpg and /dev/null differ
diff --git a/html/images/sample/thumb-square-ivy.jpg b/html/images/sample/thumb-square-ivy.jpg
deleted file mode 100644
index 64183a7..0000000
Binary files a/html/images/sample/thumb-square-ivy.jpg and /dev/null differ
diff --git a/html/images/sample/thumb-square-river.jpg b/html/images/sample/thumb-square-river.jpg
deleted file mode 100644
index f190186..0000000
Binary files a/html/images/sample/thumb-square-river.jpg and /dev/null differ
diff --git a/html/images/sample/thumb-square-yosemite.jpg b/html/images/sample/thumb-square-yosemite.jpg
deleted file mode 100644
index 8f388d7..0000000
Binary files a/html/images/sample/thumb-square-yosemite.jpg and /dev/null differ
diff --git a/html/images/sample/tout-4x3-climber.jpg b/html/images/sample/tout-4x3-climber.jpg
deleted file mode 100644
index 1348cd7..0000000
Binary files a/html/images/sample/tout-4x3-climber.jpg and /dev/null differ
diff --git a/html/images/sample/tout-4x3-climbers.jpg b/html/images/sample/tout-4x3-climbers.jpg
deleted file mode 100644
index d8461a1..0000000
Binary files a/html/images/sample/tout-4x3-climbers.jpg and /dev/null differ
diff --git a/html/images/sample/tout-4x3-stream.jpg b/html/images/sample/tout-4x3-stream.jpg
deleted file mode 100644
index 8e091d1..0000000
Binary files a/html/images/sample/tout-4x3-stream.jpg and /dev/null differ
diff --git a/html/js/.gitkeep b/html/js/.gitkeep
deleted file mode 100644
index 67291bb..0000000
--- a/html/js/.gitkeep
+++ /dev/null
@@ -1 +0,0 @@
-keeping this dir around
\ No newline at end of file
diff --git a/html/patterns/01-atoms-01-list-title-list-title/01-atoms-01-list-title-list-title.html b/html/patterns/01-atoms-01-list-title-list-title/01-atoms-01-list-title-list-title.html
index 92f1f46..974c2fc 100644
--- a/html/patterns/01-atoms-01-list-title-list-title/01-atoms-01-list-title-list-title.html
+++ b/html/patterns/01-atoms-01-list-title-list-title/01-atoms-01-list-title-list-title.html
@@ -5,8 +5,8 @@
-
-
+
+
diff --git a/html/patterns/01-atoms-02-list-body-list-body/01-atoms-02-list-body-list-body.html b/html/patterns/01-atoms-02-list-body-list-body/01-atoms-02-list-body-list-body.html
index f276f28..49cea66 100644
--- a/html/patterns/01-atoms-02-list-body-list-body/01-atoms-02-list-body-list-body.html
+++ b/html/patterns/01-atoms-02-list-body-list-body/01-atoms-02-list-body-list-body.html
@@ -5,8 +5,8 @@
-
-
+
+
diff --git a/html/patterns/01-atoms-03-list-image-list-image/01-atoms-03-list-image-list-image.html b/html/patterns/01-atoms-03-list-image-list-image/01-atoms-03-list-image-list-image.html
index 23698fd..e74d3a6 100644
--- a/html/patterns/01-atoms-03-list-image-list-image/01-atoms-03-list-image-list-image.html
+++ b/html/patterns/01-atoms-03-list-image-list-image/01-atoms-03-list-image-list-image.html
@@ -5,8 +5,8 @@
-
-
+
+
@@ -17,7 +17,9 @@
-
+
+
+
diff --git a/html/patterns/01-atoms-04-blog-tag-blog-tag/01-atoms-04-blog-tag-blog-tag.html b/html/patterns/01-atoms-04-blog-tag-blog-tag/01-atoms-04-blog-tag-blog-tag.html
index cf77025..4e88a84 100644
--- a/html/patterns/01-atoms-04-blog-tag-blog-tag/01-atoms-04-blog-tag-blog-tag.html
+++ b/html/patterns/01-atoms-04-blog-tag-blog-tag/01-atoms-04-blog-tag-blog-tag.html
@@ -5,8 +5,8 @@
-
-
+
+
diff --git a/html/patterns/01-atoms-05-list-posted-on-list-posted-on/01-atoms-05-list-posted-on-list-posted-on.html b/html/patterns/01-atoms-05-list-posted-on-list-posted-on/01-atoms-05-list-posted-on-list-posted-on.html
index f10b119..8ca6b40 100644
--- a/html/patterns/01-atoms-05-list-posted-on-list-posted-on/01-atoms-05-list-posted-on-list-posted-on.html
+++ b/html/patterns/01-atoms-05-list-posted-on-list-posted-on/01-atoms-05-list-posted-on-list-posted-on.html
@@ -5,8 +5,8 @@
-
-
+
+
diff --git a/html/patterns/01-atoms-06-section-heading-section-heading/01-atoms-06-section-heading-section-heading.html b/html/patterns/01-atoms-06-section-heading-section-heading/01-atoms-06-section-heading-section-heading.html
index f163907..8ea409c 100644
--- a/html/patterns/01-atoms-06-section-heading-section-heading/01-atoms-06-section-heading-section-heading.html
+++ b/html/patterns/01-atoms-06-section-heading-section-heading/01-atoms-06-section-heading-section-heading.html
@@ -5,8 +5,8 @@
-
-
+
+
diff --git a/html/patterns/01-atoms-07-section-content-section-content/01-atoms-07-section-content-section-content.html b/html/patterns/01-atoms-07-section-content-section-content/01-atoms-07-section-content-section-content.html
index 2907093..bcd1322 100644
--- a/html/patterns/01-atoms-07-section-content-section-content/01-atoms-07-section-content-section-content.html
+++ b/html/patterns/01-atoms-07-section-content-section-content/01-atoms-07-section-content-section-content.html
@@ -5,8 +5,8 @@
-
-
+
+
diff --git a/html/patterns/02-molecules-01-blog-tags-blog-tags/02-molecules-01-blog-tags-blog-tags.html b/html/patterns/02-molecules-01-blog-tags-blog-tags/02-molecules-01-blog-tags-blog-tags.html
index 46a11b7..25d5659 100644
--- a/html/patterns/02-molecules-01-blog-tags-blog-tags/02-molecules-01-blog-tags-blog-tags.html
+++ b/html/patterns/02-molecules-01-blog-tags-blog-tags/02-molecules-01-blog-tags-blog-tags.html
@@ -5,8 +5,8 @@
-
-
+
+
diff --git a/html/patterns/02-molecules-02-list-element-list-element-1/02-molecules-02-list-element-list-element-1.html b/html/patterns/02-molecules-02-list-element-list-element-1-image/02-molecules-02-list-element-list-element-1-image.html
similarity index 69%
rename from html/patterns/02-molecules-02-list-element-list-element-1/02-molecules-02-list-element-list-element-1.html
rename to html/patterns/02-molecules-02-list-element-list-element-1-image/02-molecules-02-list-element-list-element-1-image.html
index 3bfc4eb..4de88b2 100644
--- a/html/patterns/02-molecules-02-list-element-list-element-1/02-molecules-02-list-element-list-element-1.html
+++ b/html/patterns/02-molecules-02-list-element-list-element-1-image/02-molecules-02-list-element-list-element-1-image.html
@@ -5,8 +5,8 @@
-
-
+
+
@@ -19,10 +19,12 @@
- Cloud Drupal
+ Cloud Drupal Cats
-
-
+
+
+
+
Posted on February 10, 2017
The preemptive commitment leads to an agile feedback, while the game changer connects the dots to the end game. Our under-the-radar business platforms energize the market thinker.
diff --git a/html/patterns/02-molecules-02-list-element-list-element/02-molecules-02-list-element-list-element.html b/html/patterns/02-molecules-02-list-element-list-element/02-molecules-02-list-element-list-element.html
index a635c91..93b9887 100644
--- a/html/patterns/02-molecules-02-list-element-list-element/02-molecules-02-list-element-list-element.html
+++ b/html/patterns/02-molecules-02-list-element-list-element/02-molecules-02-list-element-list-element.html
@@ -5,8 +5,8 @@
-
-
+
+
@@ -19,7 +19,7 @@
- Cloud Drupal
+ Cloud Drupal Cats
Posted on January 5, 2017
The preemptive commitment leads to an agile feedback, while the game changer connects the dots to the end game. Our under-the-radar business platforms energize the market thinker.
diff --git a/html/patterns/02-molecules-03-section-section/02-molecules-03-section-section.html b/html/patterns/02-molecules-03-section-section/02-molecules-03-section-section.html
index 61f372a..fbf2707 100644
--- a/html/patterns/02-molecules-03-section-section/02-molecules-03-section-section.html
+++ b/html/patterns/02-molecules-03-section-section/02-molecules-03-section-section.html
@@ -5,8 +5,8 @@
-
-
+
+
diff --git a/html/patterns/03-organisms-01-blog-list-blog-list/03-organisms-01-blog-list-blog-list.html b/html/patterns/03-organisms-01-blog-list-blog-list/03-organisms-01-blog-list-blog-list.html
index a1ebdd9..eaa7bfa 100644
--- a/html/patterns/03-organisms-01-blog-list-blog-list/03-organisms-01-blog-list-blog-list.html
+++ b/html/patterns/03-organisms-01-blog-list-blog-list/03-organisms-01-blog-list-blog-list.html
@@ -5,8 +5,8 @@
-
-
+
+
@@ -28,7 +28,9 @@
diff --git a/html/patterns/04-pages-01-sidebar-sidebar/04-pages-01-sidebar-sidebar.html b/html/patterns/04-pages-01-sidebar-sidebar/04-pages-01-sidebar-sidebar.html
index 58d7a13..1bcde47 100644
--- a/html/patterns/04-pages-01-sidebar-sidebar/04-pages-01-sidebar-sidebar.html
+++ b/html/patterns/04-pages-01-sidebar-sidebar/04-pages-01-sidebar-sidebar.html
@@ -5,8 +5,8 @@
-
-
+
+
@@ -41,7 +41,9 @@ The category manager enfor
Security DevOps
-
+
+
+
Our improved focus on speed facilitates our next step.
Posted on March 19, 2017
Our dashboards conservatively strengthen the Chief IT Operations Catalyst. The senior support staff whiteboards our enterprise risk management.