projects / web / TroutCreek.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: ccdecec)
Setting up index.html file with the site using foundation
authorSteve Sutton <steve@gaslightmedia.com>
Tue, 10 Feb 2015 18:02:52 +0000 (13:02 -0500)
committerSteve Sutton <steve@gaslightmedia.com>
Tue, 10 Feb 2015 18:02:52 +0000 (13:02 -0500)
Foundation setup libsass

Gruntfile.js patch | blob | history
index.html patch | blob | history
scss/_structure.scss patch | blob | history
scss/app.scss patch | blob | history

diff --git a/Gruntfile.js b/Gruntfile.js
index 622e5e4..757e648 100644 (file)
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -8,7 +8,7 @@ module.exports = function(grunt) {
       },
       dist: {
         options: {
-          outputStyle: 'expanded'
+          outputStyle: 'compressed'
         },
         files: {
           'css/app.css': 'scss/app.scss'
@@ -31,4 +31,4 @@ module.exports = function(grunt) {
 
   grunt.registerTask('build', ['sass']);
   grunt.registerTask('default', ['build','watch']);
-}
\ No newline at end of file
+}
diff --git a/index.html b/index.html
index a575f6e..bd0f990 100644 (file)
--- a/index.html
+++ b/index.html
@@ -8,7 +8,6 @@
         <link rel="stylesheet" href="css/app.css" />
         <script src="bower_components/modernizr/modernizr.js"></script>
 
-        <link rel="stylesheet" href="styles.css"/>
     </head>
     <body id="home">
         <div class="off-canvas-wrap" data-offcanvas>
diff --git a/scss/_structure.scss b/scss/_structure.scss
index e021c5f..d80d30b 100755 (executable)
--- a/scss/_structure.scss
+++ b/scss/_structure.scss
@@ -78,7 +78,7 @@ ul li {
     display: block;
     margin: 0;
     padding: 0 0 2px 20px;
-    background: url(assets/bullet.png) 0 4px no-repeat;
+    background: url(../assets/bullet.png) 0 4px no-repeat;
 }
 .webform table {
     margin: 10px 0 0 0;
@@ -206,7 +206,7 @@ iframe {
     height: 137px;
     margin: 5px 10px 10px 10px;
     padding: 0;
-    background: url(assets/logo.gif) 0 0 no-repeat;
+    background: url(../assets/logo.gif) 0 0 no-repeat;
     text-indent: -4999px;
 }
 ul#toplinks {
@@ -250,13 +250,13 @@ ul#toplinks li a#ta
     margin-right: 0;
 }
 ul#toplinks li a#fb {
-    background: url(assets/sm_fb.png) 0 0 no-repeat;
+    background: url(../assets/sm_fb.png) 0 0 no-repeat;
     }
 ul#toplinks li a#tw {
-    background: url(assets/sm_tw.png) 0 0 no-repeat;
+    background: url(../assets/sm_tw.png) 0 0 no-repeat;
     }
 ul#toplinks li a#ta {
-    background: url(assets/sm_ta.png) 0 0 no-repeat;
+    background: url(../assets/sm_ta.png) 0 0 no-repeat;
     border: 1px solid #fff;
     border-radius: 5px;
     width: 32px;
@@ -334,7 +334,7 @@ ul#mainnav li a:hover {
     overflow: hidden;
     margin: 0;
     padding: 0;
-    background: url(assets/bullet.png) 0 7px no-repeat;
+    background: url(../assets/bullet.png) 0 7px no-repeat;
 }
 #subnav ul li a {
     display: block;
@@ -350,7 +350,7 @@ ul#mainnav li a:hover {
     background: rgba(255,255,255,0.1);
 }
 #subnav ul li a#current {
-    background: url(assets/current.png) 100% 50% no-repeat;
+    background: url(../assets/current.png) 100% 50% no-repeat;
 }
 /* datepicker */
 #ui-datepicker-div {
@@ -382,7 +382,7 @@ ul#mainnav li a:hover {
     background: #102F4E;
 }
 #slideshow_wrapper .theme-default .nivo-caption {
-    background: url(assets/nivo-caption-bg.png) 0 0 no-repeat !important;
+    background: url(../assets/nivo-caption-bg.png) 0 0 no-repeat !important;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     filter: alpha(opacity=100);
     -moz-opacity: 1;
@@ -485,7 +485,7 @@ ul#mainnav li a:hover {
     /*width: 990px;*/
     height: 59px;
     padding: 16px 35px;
-    background: url(assets/res_bg.jpg) 0 0 repeat-x;
+    background: url(../assets/res_bg.jpg) 0 0 repeat-x;
 }
 #reservation_wrapper h2 {
     display: block;
@@ -515,7 +515,7 @@ ul#mainnav li a:hover {
     padding: 3px;
     color: #FFF;
     cursor: pointer;
-    background: url(assets/datepicker.jpg) 100% 0 no-repeat;
+    background: url(../assets/datepicker.jpg) 100% 0 no-repeat;
 }
 #reservation_wrapper form input[type="submit"] {
     display: block;
@@ -528,7 +528,7 @@ ul#mainnav li a:hover {
     padding: 3px;
     color: #6E4B04;
     cursor: pointer;
-    background: url(assets/submit.jpg) 100% 0 no-repeat;
+    background: url(../assets/submit.jpg) 100% 0 no-repeat;
 }
 /* Action */
 #action_wrapper {
@@ -567,27 +567,27 @@ ul#actionlinks li a {
 }
 ul#actionlinks li a#golf_packages {
     border: 3px solid #84985B;
-    background: url(assets/btn_green.jpg) 100% 0 no-repeat;
+    background: url(../assets/btn_green.jpg) 100% 0 no-repeat;
 }
 ul#actionlinks li a#golf_packages:hover {
     color: #FFF;
-    background: url(assets/btn_green.jpg) 100% -32px no-repeat;
+    background: url(../assets/btn_green.jpg) 100% -32px no-repeat;
 }
 ul#actionlinks li a#enews_signup {
     border: 3px solid #3084C2;
-    background: url(assets/btn_blue.jpg) 100% 0 no-repeat;
+    background: url(../assets/btn_blue.jpg) 100% 0 no-repeat;
 }
 ul#actionlinks li a#enews_signup:hover {
     color: #FFF;
-    background: url(assets/btn_blue.jpg) 100% -32px no-repeat;
+    background: url(../assets/btn_blue.jpg) 100% -32px no-repeat;
 }
 ul#actionlinks li a#lodging_specials {
     border: 3px solid #DE871A;
-    background: url(assets/btn_yellow.jpg) 100% 0 no-repeat;
+    background: url(../assets/btn_yellow.jpg) 100% 0 no-repeat;
 }
 ul#actionlinks li a#lodging_specials:hover {
     color: #FFF;
-    background: url(assets/btn_yellow.jpg) 100% -32px no-repeat;
+    background: url(../assets/btn_yellow.jpg) 100% -32px no-repeat;
 }
 /* Action 2 */
 #action2 {
@@ -622,7 +622,7 @@ ul#actionlinks li a#lodging_specials:hover {
     overflow: hidden;
     margin: 0;
     padding: 0;
-    background: url(assets/bullet.png) 0 7px no-repeat;
+    background: url(../assets/bullet.png) 0 7px no-repeat;
 }
 #action2 ul li a {
     display: block;
@@ -780,7 +780,7 @@ p.captionDescWrapper {
     margin: 0 auto;
     padding: 14px 0 8px 0;
     /*min-height: 200px;*/
-    background: url(assets/video_bg.jpg) 0 0 repeat-y;
+    background: url(../assets/video_bg.jpg) 0 0 repeat-y;
     border: 3px solid #B4C98E;
     border-radius: 10px;
     overflow: hidden;
@@ -827,7 +827,7 @@ p.captionDescWrapper {
     bottom: 0;
     left: 0;
     right: 0;
-    background: url(assets/video_overlay.png) 50% 50% no-repeat;
+    background: url(../assets/video_overlay.png) 50% 50% no-repeat;
 }
 /* Footer */
 #footer {
@@ -880,92 +880,92 @@ p.captionDescWrapper {
 }
 /* Video Gallery */
 #video_wrapper {
-       display: block;
-       width: 100%;
-       overflow: hidden;
-       clear: both;
+    display: block;
+    width: 100%;
+    overflow: hidden;
+    clear: both;
 }
 #video_wrapper h2 {
-       display: block;
-       width: 100%;
-       overflow: hidden;
-       clear: both;
-       margin: 0 0 16px 5px;
-       padding: 0;
+    display: block;
+    width: 100%;
+    overflow: hidden;
+    clear: both;
+    margin: 0 0 16px 5px;
+    padding: 0;
 }
 ul#videoGallery {
-       display: block;
-       width: 100%;
-       overflow: hidden;
-       margin: 0;
-       padding: 0;
-       list-style-type: none;
+    display: block;
+    width: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
 }
 ul#videoGallery li {
-       display: block;
-       float: left;
-       width: 22%;
-       margin: 0 1.5% 24px 1.5%;
-       padding: 0;
-       border: 1px solid #DDDFDD;
-       background: #FDFDFF;
-       border-radius: 3px;
-       -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
-       -moz-box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.05);
-       box-shadow:         1px 1px 3px rgba(0, 0, 0, 0.05);
+    display: block;
+    float: left;
+    width: 22%;
+    margin: 0 1.5% 24px 1.5%;
+    padding: 0;
+    border: 1px solid #DDDFDD;
+    background: #FDFDFF;
+    border-radius: 3px;
+    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
+    -moz-box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.05);
+    box-shadow:         1px 1px 3px rgba(0, 0, 0, 0.05);
 }
 ul#videoGallery li:nth-child(4n-3) {
-       clear: left;
-       width: 22.75%;
-       margin: 0 3% 24px 0;
+    clear: left;
+    width: 22.75%;
+    margin: 0 3% 24px 0;
 }
 ul#videoGallery li:nth-child(4n-2) {
-       width: 22.75%;
-       margin: 0 3% 24px 0;
+    width: 22.75%;
+    margin: 0 3% 24px 0;
 }
 ul#videoGallery li:nth-child(4n-1) {
-       width: 22.75%;
-       margin: 0 3% 24px 0;
+    width: 22.75%;
+    margin: 0 3% 24px 0;
 }
 ul#videoGallery li:nth-child(4n) {
-       width: 22.75%;
-       margin: 0 0 24px 0;
+    width: 22.75%;
+    margin: 0 0 24px 0;
 }
 ul#videoGallery li a {
-       position: relative;
-       z-index: 10;
-       display: block;
-       width: 100%;
-       overflow: hidden;
-       padding: 10px;
+    position: relative;
+    z-index: 10;
+    display: block;
+    width: 100%;
+    overflow: hidden;
+    padding: 10px;
 }
 ul#videoGallery li a img {
-       display: block;
-       width: 100%;
+    display: block;
+    width: 100%;
 }
 ul#videoGallery li a span#vidtitle {
-       display: block;
-       position: relative;
-       width: 100%;
-       padding: 5px 30px 0 0;
-       color: #A9ABA9;
-       font-size: 12px;
-       min-height: 27px;
+    display: block;
+    position: relative;
+    width: 100%;
+    padding: 5px 30px 0 0;
+    color: #A9ABA9;
+    font-size: 12px;
+    min-height: 27px;
 }
 ul#videoGallery li a:hover span#vidtitle {
-       color: #3FAC46;
+    color: #3FAC46;
 }
 ul#videoGallery li a span#vidtitle span#play {
-       display: block;
-       position: absolute;
-       z-index: 11;
-       width: 25px;
-       height: 27px;
-       right: 0;
-       top: 5px;
-       background: url(assets/video_overlay.png)0 0 no-repeat;
-       backgorund-size: contain;
+    display: block;
+    position: absolute;
+    z-index: 11;
+    width: 25px;
+    height: 27px;
+    right: 0;
+    top: 5px;
+    background: url(../assets/video_overlay.png)0 0 no-repeat;
+    backgorund-size: contain;
 }
 ul#videoGallery li:hover a span#vidtitle span#play {
-       background-position: 0 -27px;
-}
\ No newline at end of file
+    background-position: 0 -27px;
+}
diff --git a/scss/app.scss b/scss/app.scss
index 4d7dca0..13db37c 100644 (file)
--- a/scss/app.scss
+++ b/scss/app.scss
@@ -1,5 +1,6 @@
 @import "settings";
 @import "foundation";
+@import "structure";
 
 // Or selectively include components
 // @import