Skip to content

Commit

Permalink
style: gulp working with live edit
Browse files Browse the repository at this point in the history 
 - gulp working lint, sass, and live edit

 - converted var to let and modified eslintrc to warn on several rules, some will be revisited after first submission
  • Loading branch information
@rudimusmaximus
rudimusmaximus committed Oct 7, 2018
1 parent 1eec50c commit f8291d4
Show file tree
Hide file tree
Showing 6 changed files with 6,326 additions and 168 deletions.
7 changes: 7 additions & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,13 @@
# to keep our linting and atom editor config local
.editorconfig

.eslintrc
.eslintrc.js
.eslintrc.yaml
.eslintrc.yml
.eslintrc.json
.eslintrc

.htmlhintrc
.stylelintrc

Expand Down
211 changes: 102 additions & 109 deletions css/styles.css
View file
Original file line number Diff line number Diff line change
@@ -1,122 +1,118 @@
@charset "utf-8";
/* CSS Document */
body, td, th, p {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #333;
line-height: 1.5; }

body,td,th,p{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #333;
line-height: 1.5;
}
body {
background-color: #fdfdfd;
margin: 0;
position:relative;
}
background-color: #fdfdfd;
margin: 0;
position: relative; }

ul, li {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #333;
}
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #333; }

a {
color: orange;
text-decoration: none;
}
color: orange;
text-decoration: none; }

a:hover, a:focus {
color: #3397db;
text-decoration: none;
}
a img{
border: none 0px #fff;
}
color: #3397db;
text-decoration: none; }

a img {
border: none 0px #fff; }

h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 20px;
}
margin: 0 0 20px; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
display: block; }

#maincontent {
background-color: #f3f3f3;
min-height: 100%;
}
min-height: 100%; }

#footer {
background-color: #444;
color: #aaa;
font-size: 8pt;
letter-spacing: 1px;
padding: 25px;
text-align: center;
text-transform: uppercase;
}
text-transform: uppercase; }

/* ====================== Navigation ====================== */
nav {
width: 100%;
height: 80px;
background-color: #252831;
text-align:center;
}
text-align: center; }

nav h1 {
margin: auto;
}
margin: auto; }

nav h1 a {
color: #fff;
font-size: 14pt;
font-weight: 200;
letter-spacing: 10px;
text-transform: uppercase;
}
text-transform: uppercase; }

#breadcrumb {
padding: 10px 40px 16px;
list-style: none;
background-color: #eee;
font-size: 17px;
margin: 0;
width: calc(50% - 80px);
}
padding: 10px 40px 16px;
list-style: none;
background-color: #eee;
font-size: 17px;
margin: 0;
width: calc(50% - 80px); }

/* Display list items side by side */
#breadcrumb li {
display: inline;
}
display: inline; }

/* Add a slash symbol (/) before/behind each list item */
#breadcrumb li+li:before {
padding: 8px;
color: black;
content: "/\00a0";
}
#breadcrumb li + li:before {
padding: 8px;
color: black;
content: "/\00a0"; }

/* Add a color to all links inside the list */
#breadcrumb li a {
color: #0275d8;
text-decoration: none;
}
color: #0275d8;
text-decoration: none; }

/* Add a color on mouse-over */
#breadcrumb li a:hover {
color: #01447e;
text-decoration: underline;
}
color: #01447e;
text-decoration: underline; }

/* ====================== Map ====================== */
#map {
height: 400px;
width: 100%;
background-color: #ccc;
}
background-color: #ccc; }

/* ====================== Restaurant Filtering ====================== */
.filter-options {
width: 100%;
height: 50px;
background-color: #3397DB;
align-items: center;
}
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }

.filter-options h2 {
color: white;
font-size: 1rem;
font-weight: normal;
line-height: 1;
margin: 0 20px;
}
margin: 0 20px; }

.filter-options select {
background-color: white;
border: 1px solid #fff;
Expand All @@ -126,17 +122,16 @@ nav h1 a {
letter-spacing: 0;
margin: 10px;
padding: 0 10px;
width: 200px;
}
width: 200px; }

/* ====================== Restaurant Listing ====================== */
#restaurants-list {
background-color: #f3f3f3;
list-style: outside none none;
margin: 0;
padding: 30px 15px 60px;
text-align: center;
}
text-align: center; }

#restaurants-list li {
background-color: #fff;
border: 2px solid #ccc;
Expand All @@ -145,16 +140,16 @@ nav h1 a {
min-height: 380px;
padding: 0 30px 25px;
text-align: left;
width: 270px;
}
width: 270px; }

#restaurants-list .restaurant-img {
background-color: #ccc;
display: block;
margin: 0;
max-width: 100%;
min-height: 248px;
min-width: 100%;
}
min-width: 100%; }

#restaurants-list li h1 {
color: #f18200;
font-family: Arial,sans-serif;
Expand All @@ -163,12 +158,12 @@ nav h1 a {
letter-spacing: 0;
line-height: 1.3;
margin: 20px 0 10px;
text-transform: uppercase;
}
text-transform: uppercase; }

#restaurants-list p {
margin: 0;
font-size: 11pt;
}
font-size: 11pt; }

#restaurants-list li a {
background-color: orange;
border-bottom: 3px solid #eee;
Expand All @@ -179,34 +174,33 @@ nav h1 a {
padding: 8px 30px 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
text-transform: uppercase; }

/* ====================== Restaurant Details ====================== */
.inside header {
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
z-index: 1000; }

.inside #map-container {
background: blue none repeat scroll 0 0;
height: 87%;
position: fixed;
right: 0;
top: 80px;
width: 50%;
}
width: 50%; }

.inside #map {
background-color: #ccc;
height: 100%;
width: 100%;
}
width: 100%; }

.inside #footer {
bottom: 0;
position: absolute;
width: 50%;
}
width: 50%; }

#restaurant-name {
color: #f18200;
font-family: Arial,sans-serif;
Expand All @@ -215,15 +209,15 @@ nav h1 a {
letter-spacing: 0;
margin: 15px 0 30px;
text-transform: uppercase;
line-height: 1.1;
}
line-height: 1.1; }

#restaurant-img {
width: 90%;
}
width: 90%; }

#restaurant-address {
font-size: 12pt;
margin: 10px 0px;
}
margin: 10px 0px; }

#restaurant-cuisine {
background-color: #333;
color: #ddd;
Expand All @@ -234,42 +228,41 @@ nav h1 a {
padding: 2px 0;
text-align: center;
text-transform: uppercase;
width: 90%;
}
width: 90%; }

#restaurant-container, #reviews-container {
border-bottom: 1px solid #d9d9d9;
border-top: 1px solid #fff;
padding: 140px 40px 30px;
width: 50%;
}
width: 50%; }

#reviews-container {
padding: 30px 40px 80px;
}
padding: 30px 40px 80px; }

#reviews-container h2 {
color: #f58500;
font-size: 24pt;
font-weight: 300;
letter-spacing: -1px;
padding-bottom: 1pt;
}
padding-bottom: 1pt; }

#reviews-list {
margin: 0;
padding: 0;
}
padding: 0; }

#reviews-list li {
background-color: #fff;
border: 2px solid #f3f3f3;
border: 2px solid #f3f3f3;
display: block;
list-style-type: none;
margin: 0 0 30px;
overflow: hidden;
padding: 0 20px 20px;
position: relative;
width: 85%;
}
width: 85%; }

#reviews-list li p {
margin: 0 0 10px;
}
margin: 0 0 10px; }

#restaurant-hours td {
color: #666;
}
color: #666; }
Loading

0 comments on commit f8291d4

Please sign in to comment.