Brand colors.

eurucamp · Jun 29, 2012 · 3bb4ea7 · polarblau · Jun 29, 2012 · myabc
1 parent 2cb8350
commit 3bb4ea7
Show file tree

Hide file tree

Showing 12 changed files with 32 additions and 27 deletions.
diff --git a/source/stylesheets/pages/_index.sass b/source/stylesheets/pages/_index.sass
@@ -18,7 +18,7 @@ body.index
       +clearfix
 
       h2, h3
-        +brand-stripe(-2deg, $pink, false)
+        +brand-stripe(-2deg, $brand-2, false)
 
       h2
         +shadowed
@@ -29,7 +29,7 @@ body.index
         margin-top: 0
         width: 82%
         margin-left: 20%
-        background: transparentize($pink, 0.10)
+        background: transparentize($brand-2, 0.10)
         +transform(rotate(1deg))
         z-index: 400
 

diff --git a/source/stylesheets/pages/_schedule.sass b/source/stylesheets/pages/_schedule.sass
@@ -98,6 +98,6 @@ body.schedule
                   background: transparentize($grey, 0.15)
 
                 &.talk
-                  background: transparentize($green, 0.15)
+                  background: transparentize($brand-1, 0.15)
                   color: $white
                   +shadowed
diff --git a/source/stylesheets/pages/index/_attendees.sass b/source/stylesheets/pages/index/_attendees.sass
@@ -3,7 +3,7 @@ article
     +padded
 
     h3
-      +brand-stripe(-2deg, $blue)
+      +brand-stripe(-2deg, $brand-3)
       +custom-sans(black)
       position: absolute
       top: 2em

diff --git a/source/stylesheets/pages/index/_speakers.sass b/source/stylesheets/pages/index/_speakers.sass
@@ -5,7 +5,7 @@ article
     border-bottom: 1px dotted $grey
 
     h3
-      +brand-stripe(-1deg, $blue)
+      +brand-stripe(-1deg, $brand-3)
       +custom-sans(black)
       top: -0.5em
       left: -1em
@@ -62,7 +62,7 @@ article
       bottom: -0.5em
 
       a
-        color: $blue
+        color: $brand-3
 
 
     +respond-to(mid-range)

diff --git a/source/stylesheets/pages/index/_sponsors.sass b/source/stylesheets/pages/index/_sponsors.sass
@@ -1,7 +1,7 @@
 article
   section.sponsors
     padding: 2em 0
-    background: $blue
+    background: $brand-3
 
     header
       h3
@@ -31,7 +31,7 @@ article
               width: 100%
 
             &:hover
-              border-color: $pink
+              border-color: $brand-2
               +transition(border-color, 0.25s)
 
 

diff --git a/source/stylesheets/pages/index/_twitter_feed.sass b/source/stylesheets/pages/index/_twitter_feed.sass
@@ -4,7 +4,7 @@ article
     +clearfix
 
     h3
-      +brand-stripe(2deg, $blue)
+      +brand-stripe(2deg, $brand-3)
       +custom-sans(black)
       position: absolute
       bottom: 0.75em

diff --git a/source/stylesheets/partials/_colors.sass b/source/stylesheets/partials/_colors.sass
@@ -1,8 +1,8 @@
-$green: #73ad43
-$pink:  #ff00a2
-$blue:  #00d4ff
-$black: #191818
-$white: #fafbe9
-$grey:  #e0e0e0
-$dark-grey: lighten($black, 25%)
+$green:        #73ad43
+$pink:         #ff00a2
+$blue:         #00d4ff
+$black:        #191818
+$white:        #fafbe9
+$grey:         #e0e0e0
+$dark-grey:   lighten($black, 25%)
 $medium-grey: lighten($black, 50%)
diff --git a/source/stylesheets/partials/_footer.sass b/source/stylesheets/partials/_footer.sass
@@ -22,7 +22,7 @@ body
             +transition(color 0.5s, background-color 0.5s)
 
             &:hover
-              background-color: $pink
+              background-color: $brand-2
               color: $white
               +transition(color 0.5s, background-color 0.5s)
 
@@ -41,7 +41,7 @@ body
             +transition(color 0.5s)
 
             &:hover
-              color: $pink
+              color: $brand-2
               +transition(color 0.5s)
 
 
@@ -68,12 +68,12 @@ body
       margin: 1em 0 0 0
       display: none
       padding: 1em 0
-      border-top: 1px dotted $pink
+      border-top: 1px dotted $brand-2
       +transition(background-color 0.5s)
 
       &:hover
         border: none
-        background-color: $pink
+        background-color: $brand-2
         +transition(background-color 0.5s)
 
 
@@ -102,7 +102,7 @@ body
         bottom: 0
         width: 2em
         border: none
-        border-left: 1px dotted $pink
+        border-left: 1px dotted $brand-2
         margin: 0
         +transition(width 0.25s, background-color 0.25s)
 
@@ -112,7 +112,7 @@ body
 
         &:hover
           width: 100px
-          background-color: $pink
+          background-color: $brand-2
           +box-shadow(-3px 0 0 0 transparentize($grey, 0.2))
           +transition(width 0.25s, background-color 0.25s)
 

diff --git a/source/stylesheets/partials/_header.sass b/source/stylesheets/partials/_header.sass
@@ -54,11 +54,11 @@ body
               +transition(color 0.5s)
 
               &:hover
-                color: $pink
+                color: $brand-2
                 +transition(color 0.5s)
 
               &.active
-                border-bottom: 3px solid $pink
+                border-bottom: 3px solid $brand-2
 
 
 

diff --git a/source/stylesheets/partials/_helpers.sass b/source/stylesheets/partials/_helpers.sass
@@ -65,7 +65,7 @@
   padding: 0
   margin: 0
 
-=brand-stripe($rotation: -3deg, $color: $pink, $shadowed: true)
+=brand-stripe($rotation: -3deg, $color: $brand-2, $shadowed: true)
   padding: 0.15em 1em 0.35em
   margin: -2.75em -1em 0 -1em
   font-weight: light

diff --git a/source/stylesheets/partials/_typography.sass b/source/stylesheets/partials/_typography.sass
@@ -25,9 +25,9 @@
     font-weight: 400
 
 a
-  color: $green
+  color: $brand-1
   text-decoration: none
 
   &:hover
-    color: $pink
+    color: $brand-1
     +transition(color 1.0s)
diff --git a/source/stylesheets/screen.css.sass b/source/stylesheets/screen.css.sass
@@ -2,6 +2,11 @@
 @import "lib/bourbon/bourbon"
 
 @import "partials/colors"
+
+$brand-1: $green
+$brand-2: $pink
+$brand-3: $blue
+
 @import "partials/helpers"
 @import "partials/typography"