Project

General

Profile

Download (4.17 KB) Statistics
| Branch: | Tag: | Revision:
1
//
2
// "base" partial
3
//
4
// To make it easier to use all variables and mixins in any Sass file in this
5
// theme, each .scss file has a @import "base" declaration. And this _base.scss
6
// file is in charge of importing all the other partials needed for the theme.
7
//
8
// This base partial is organized in this way:
9
// - First we set any shared Sass variables.
10
// - Next we import Compass plug-ins (Sass mixin libraries).
11
// - Last we import a _custom.scss partial that includes our custom mixins.
12
//
13

    
14

    
15
//
16
// Legacy IE support
17
//
18
// These variables are used by many mixins to add additional CSS to support
19
// specific versions of IE or specific vendor prefixes.
20
//
21
// To turn on support for IE6 or IE7, set those variables to true.
22
//
23
// Zen does not require special handling for IE8 or later. But Compass uses that
24
// variable for a couple edge cases. We include it for completeness sake. See
25
// the documentation at http://compass-style.org/reference/compass/support/
26
$legacy-support-for-ie6: false;
27
$legacy-support-for-ie7: false;
28
$legacy-support-for-ie8: true;
29

    
30

    
31
//
32
// Font faces, stacks and sizes.
33
//
34

    
35
// Compass' vertical_rhythm extension is a powerful tool to set up a vertical
36
// rhythm for your entire page. You can see some of its mixins and functions in
37
// use in the normalize.scss file.
38
// @see http://compass-style.org/reference/compass/typography/vertical_rhythm/
39

    
40
$base-font-size:   12px; // The font size set on the root html element.
41
$base-line-height: 18px; // This line-height determines the basic unit of vertical rhythm.
42

    
43
$h1-font-size: 2    * $base-font-size;
44
$h2-font-size: 1.6  * $base-font-size;
45
$h3-font-size: 1.5 * $base-font-size;
46
$h4-font-size: 1    * $base-font-size;
47
$h5-font-size: 0.83 * $base-font-size;
48
$h6-font-size: 0.75 * $base-font-size;
49

    
50
// The following font family declarations are based on the Microsoft core web
51
// fonts which are common fonts available on most computer systems. The DejaVu
52
// and Nimbus Sans fonts are commonly available on Linux systems where the MS
53
// fonts are less common. Tahoma and Helvetica are also widely available.
54
//
55
// A user's web browser will look at the comma-separated list and will
56
// attempt to use each font in turn until it finds one that is available
57
// on the user's computer. The final "generic" font (sans-serif, serif or
58
// monospace) hints at what type of font to use if the web browser doesn't
59
// find any of the fonts in the list.
60

    
61
// First, let's create some font stacks.
62
$times-new-roman: "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
63
$times:           Times, "Times New Roman", Georgia, "DejaVu Serif", serif;
64
$georgia:         Georgia, "Times New Roman", "DejaVu Serif", serif;
65

    
66
$verdana:         Verdana, Tahoma, "DejaVu Sans", sans-serif;
67
$tahoma:          Tahoma, Verdana, "DejaVu Sans", sans-serif;
68
$helvetica:       Helvetica, Arial, "Nimbus Sans L", sans-serif;
69
$arial:           Arial, Helvetica, "Nimbus Sans L", sans-serif;
70

    
71
// For an explanation of why "sans-serif" is at the end of this list, see
72
// http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/
73
$courier:         "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
74

    
75
// Now create some variables for the font stacks we want to use on this site.
76
$base-font-family: $arial; // The font family set on the html element.
77
$font-body:        $arial;
78
$font-monospace:   $courier;
79

    
80

    
81
//
82
// Colors, etc.
83
//
84
$menu-bar-background-color: #DEDEDE;
85
$menu-bar-font-size: 1.2 * $base-font-size;
86
$menu-bar-text-color: #000;
87
$menu-bar-line-height: 20px; // unit must be px !!!!
88

    
89
$link-color: #115E92;
90

    
91
// The amount lists, blockquotes and comments are indented.
92
$indent-amount: 30px;
93

    
94

    
95
//
96
// Partials to be shared with all .scss files.
97
//
98

    
99
@import "compass/support";  // Add Compass' IE and vendor prefix support variables.
100
@import "compass/utilities/general/clearfix"; // Better than Drupal's clearfix.
101
@import "compass/utilities/sprites"; // See http://compass-style.org/help/tutorials/spriting/
102
@import "compass/css3";     // Use one CSS3 mixin instead of multiple vendor prefixes.
103
@import "compass/typography/vertical_rhythm"; // Helps set up a vertical rhythm.
104
@import "zen";              // Add the Zen Grids responsive layout mixins.
105

    
106
@import "custom";           // Import our custom mixins last.
(2-2/21)