From: Ian Weller Date: Thu, 5 Feb 2015 16:56:20 +0000 (-0500) Subject: progress before lunch break X-Git-Tag: v1.0.1~16 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=6c3edbda955e5dfa5f50262a59c352681d25da70;p=WP-Themes%2Fgilmoremuseum.git progress before lunch break --- diff --git a/index.html b/index.html index 5ac0b5e..0f867a5 100644 --- a/index.html +++ b/index.html @@ -3,157 +3,68 @@ - Foundation + Gilmore Car Museum -
-
-

Welcome to Foundation

-
-
- -
-
-
-

We’re stoked you want to try Foundation!

-

To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.

-

Once you've exhausted the fun in this document, you should check out:

-
-
-

Foundation Documentation
Everything you need to know about using the framework.

-
-
-

Foundation on Github
Latest code, issue reports, feature requests and more.

-
-
-

@foundationzurb
Ping us on Twitter if you have questions. If you build something with this we'd love to see it (and send you a totally boss sticker).

-
-
-
-
-
- -
-
-
Here’s your basic grid:
- - -
-
-
-

This is a twelve column section in a row. Each of these includes a div.panel element so you can see where the columns are - it's not required at all for the grid.

-
-
-
-
-
-
-

Six columns

-
-
-
-
-

Six columns

-
-
-
+
-
-
-

Four columns

-
-
-
-
-

Four columns

-
-
-
-
-

Four columns

-
-
-
- -
- -
We bet you’ll need a form somewhere:
-
-
-
- - -
-
-
-
- - -
-
- - -
-
-
- -
- +
+ +
+
+
+
-
- .com + +
+

AMERICA'S SIGNATURE COLLECTION

TM

-
-
-
-
-
- - -
-
-
-
- - - -
-
- - - -
-
-
-
- -
-
- -
- -
-
Try one of these buttons:
-

Simple Button
- Radius Button
- Round Button
- Success Btn
- Alert Btn
- Secondary Btn

-
-
So many components, girl!
-

A whole kitchen sink of goodies comes with Foundation. Check out the docs to see them all, along with details on making them your own.

- Go to Foundation Docs
-
+ +
+
+ diff --git a/scss/_settings.scss b/scss/_settings.scss index e81c0f8..3394e6e 100644 --- a/scss/_settings.scss +++ b/scss/_settings.scss @@ -89,7 +89,7 @@ $include-html-global-classes: $include-html-classes; // - - - - - - - - - - - - - - - - - - - - - - - - - // We use these to define default font stacks -// $font-family-sans-serif: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; + $font-family-sans-serif: Helvetica, sans-serif; // $font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif; // $font-family-monospace: Consolas, "Liberation Mono", Courier, monospace; @@ -97,7 +97,7 @@ $include-html-global-classes: $include-html-classes; // $font-weight-normal: normal; // $font-weight-bold: bold; -// $white : #FFFFFF; + $white : #FFFFFF; // $ghost : #FAFAFA; // $snow : #F9F9F9; // $vapor : #F6F6F6; @@ -115,10 +115,11 @@ $include-html-global-classes: $include-html-classes; // $tuatara : #444444; // $oil : #333333; // $jet : #222222; -// $black : #000000; + $black : #000000; + $red : #b5121b; // We use these as default colors throughout -// $primary-color: #008CBA; +// $primary-color: $black; // $secondary-color: #e7e7e7; // $alert-color: #f04124; // $success-color: #43AC6A; @@ -126,8 +127,8 @@ $include-html-global-classes: $include-html-classes; // $info-color: #a0d3e8; // We use these to control various global styles -// $body-bg: $white; -// $body-font-color: $jet; + $body-bg: url(../assets/bg.jpg); + $body-font-color: $black; // $body-font-family: $font-family-sans-serif; // $body-font-weight: $font-weight-normal; // $body-font-style: normal; @@ -198,20 +199,20 @@ $include-html-global-classes: $include-html-classes; // $include-html-type-classes: $include-html-classes; // We use these to control header font styles -// $header-font-family: $body-font-family; + $header-font-family: Copperplate, sans-serif; // $header-font-weight: $font-weight-normal; // $header-font-style: normal; -// $header-font-color: $jet; + $header-font-color: $red; // $header-line-height: 1.4; // $header-top-margin: .2rem; // $header-bottom-margin: .5rem; // $header-text-rendering: optimizeLegibility; // We use these to control header font sizes -// $h1-font-size: rem-calc(44); -// $h2-font-size: rem-calc(37); -// $h3-font-size: rem-calc(27); -// $h4-font-size: rem-calc(23); + $h1-font-size: rem-calc(35); + $h2-font-size: rem-calc(32); + $h3-font-size: rem-calc(24); + $h4-font-size: rem-calc(20); // $h5-font-size: rem-calc(18); // $h6-font-size: 1rem; diff --git a/scss/_structure.scss b/scss/_structure.scss new file mode 100644 index 0000000..fe3d38c --- /dev/null +++ b/scss/_structure.scss @@ -0,0 +1,27 @@ +@mixin gradient($from, $to) { + background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, $from), color-stop(1, $to)); + background: -moz-linear-gradient(center top, $from 5%, $to 100%); + +} +header { + background: $black; + .sec_nav { + ul { + li { + a { + font-size: 0.813em; + color: $white; + } + } + } + } + #soc-top { + p { + font-size: font-size: 0.813em; + color: $white; + } + } + .top-bar { + + } +} \ No newline at end of file