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: $helvetica; // The font family set on the html element.
|
77
|
$font-body: $helvetica;
|
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.
|