Sass

.gitignore

@@ -1,3 +1,6 @@
+**/node_modules/
 **/*.sw?
-**/node_modules
-**/db
+**/*bundle.js
+**/db/
+**/build
+**/.DS_Store

README.md

@@ -1,28 +1,16 @@
-Mongo Backed REST API
-==========================
-To complete this assignment:
-  * fork this repository (the sub module for this specific assignment)
-  * clone down your fork
-  * place all of your work in a folder that is your full name, use `_`s instead of spaces
-  * push back up to your fork
-  * create a pull request back to the original repo
-  * submit a link to the PR in canvas
+Add a CSS process to your Gulpfile including:
+-Minification
+-Concatenation
+-And a watch
 
-Assignment Description
---------------------------
-Create a single resource rest API with Express that's backed by Mongo.
+Organize your CSS using the SMACSS file structure. I would like to see a proper separation of concerns.
+-base.css
+-layout.css
+-module.css
+-state.css
 
-I'm leaving this pretty open to interpretation. I want you to write this from scratch, don't just copy and paste code from class or previous projects.
+Your process should produce a single .min.css file into your build directory
 
-Add a feature of Mongoose that we didn't use class, such as data validation.
-
-Also, implement a non CRUD resource (meaning that it doesn't use the full GET/POST/PUT/PATCH/DELETE interface).
-
-
-
-Rubric
-
-  * Use of Express: 3pts
-  * Use of Mongo: 3pts
-  * Tests: 2pts
-  * Project Organization: 2pts
+Your application should be Responsive
+-Use a flexible layout
+-Use media queries where necessary

emily_landi/app/css/base.css

@@ -0,0 +1,40 @@
+/*Base rules are the defaults.*/
+body {
+  font-family: 'Georgia', 'Arial';
+  font-size: 1em;
+  color: black;
+  background-color: darkgrey;
+}
+h1 {
+  text-align: center;
+  margin: 0;
+  width: 100%;
+  height: 2.5em;
+  background-color: black;
+  color: white;
+  font-size: 4.5em;
+}
+h2, p {
+  padding-left: 1em;
+  padding-right: 1em;
+}
+#books {
+  background-color: aqua;
+}
+#newBooks {
+  padding: 1em;
+  border: 0.5em solid aqua;
+}
+img {
+  height: 40%;
+  width: 40%;
+  padding-left: 30%;
+}
+footer {
+  margin-top: 1em;
+  padding: 0.75em;
+  background-color: black;
+  color: white;
+  font-size: 1em;
+  text-align: center;
+}