From 8bc46472e91a6ef5e1309374798f850404dd2cd9 Mon Sep 17 00:00:00 2001 From: elijah Date: Tue, 19 Aug 2014 01:15:23 -0700 Subject: added missing style sheet --- pages/assets/style.scss | 4 ++-- pages/assets/variables.scss | 56 +++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 58 insertions(+), 2 deletions(-) create mode 100644 pages/assets/variables.scss (limited to 'pages/assets') diff --git a/pages/assets/style.scss b/pages/assets/style.scss index c4a7091..ebc7bf3 100644 --- a/pages/assets/style.scss +++ b/pages/assets/style.scss @@ -361,10 +361,10 @@ body.home { padding-right: 10px; } span { - color: #003; + color: #333; } margin: 20px 0 15px 0; - font-size: 26px; + font-size: 36px; } .thumbnail { word-break: break-all; diff --git a/pages/assets/variables.scss b/pages/assets/variables.scss new file mode 100644 index 0000000..f1ad236 --- /dev/null +++ b/pages/assets/variables.scss @@ -0,0 +1,56 @@ +// note: css paths are always relative to the css file + +$masthead-large-img: '/assets/images/rainbow-masthead-large.png'; +$masthead-large-height: 200px; +$masthead-medium-img: '/assets/images/rainbow-masthead-medium.png'; +$masthead-medium-height: 130px; +$masthead-small-img: '/assets/images/rainbow-masthead-small.png'; +$masthead-small-height: 80px; +$masthead-background-color: #5e9ee3; + +$gutter: 15px; +$background-color: #333; +$menu-text-color: #fff; +$menu-padding: 8px 18px; +$menu-background-color: rgba(0,0,0,0.4); +//$menu-shadow-size: 1px; +//$menu-shadow-blur: 2px; +//$menu-shadow-color: #000; +$content-border-color: #000; +$content-background-color: #fff; +$content-shadow-color: #000; +$content-shadow-size: 1px; +$content-shadow-blur: 8px; +$title-background-color: #efefef; +$title-divider-color: #ccc; +$footer-height: 50px; +$footer-gutter: 20px; +$footer-background-color: #666; +$footer-color: #ddd; +$footer-border-width: 1px; +$footer-border-color: darken($background-color, 5%); +$footer-shadow: true; +$footer-shadow-color: #333; +$footer-shadow-size: 1px; +$footer-shadow-blur: 6px; +$navigation-item-active-background-color: #999; +$navigation-item-active-color: #000; +$navigation-item-background-color: #ccc; +$navigation-item-color: #666; +$navigation-border: 1px solid #333; +$navigation-shadow: 1px 1px 4px #111; +$link-color: darken($masthead-background-color, 15%); +$link-visited-color: darken($masthead-background-color, 25%); + +$home-light-color: #fff; +$home-light-background-color: #111; + +$home-dark-color: #fff; +$home-dark-background-color: $background-color; + +// +// magic widths: +// small: 767px +// medium: 992px +// large: 1200px +// -- cgit v1.2.3