Project

General

Profile

Download (5.71 KB) Statistics
| Branch: | Tag: | Revision:
1
//
2
// Initialization 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 "init" declaration. And this _init.scss
6
// file is in charge of importing all the other partials needed for the theme.
7
//
8
// This initialization 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 define our custom mixins for this theme.
12
//
13

    
14

    
15
// =============================================================================
16
// Variables
17
// =============================================================================
18

    
19
//
20
// Legacy IE support
21
//
22
// These variables are used by many mixins to add additional CSS to support
23
// specific versions of IE or specific vendor prefixes.
24
//
25
// IE6-7 don't support box-sizing: border-box. We can fix this in 1 of 3 ways:
26
// - Drop support for IE 6/7. :-) Set $legacy-support-for-ie6
27
//   and $legacy-support-for-ie7 to false.
28
// - (Preferred) Install the box-sizing polyfill and set the variable below to
29
//   the absolute path URL to the boxsizing.htc file.
30
//   @see https://github.com/Schepp/box-sizing-polyfill
31
$box-sizing-polyfill-path: "/polyfills/box-sizing-polyfill/boxsizing.htc";
32
// - Use the same CSS unit for grid and gutter width in resonsive-sidebars.scss
33
//   (use px for both or use % for both) and set the box-sizing variable to content-box.
34
//
35
// Zen does not require special handling for IE8 or later. But Compass uses that
36
// variable for a couple edge cases. We include it for completeness sake. See
37
// the documentation at http://compass-style.org/reference/compass/support/
38
$legacy-support-for-ie6: true;
39
$legacy-support-for-ie7: true;
40
$legacy-support-for-ie8: true;
41

    
42

    
43
//
44
// Font faces, stacks and sizes.
45
//
46

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

    
52
$base-font-size:   14px; // The font size set on the root html element.
53
$base-line-height: $base-font-size * 1.6; // This line-height determines the basic unit of vertical rhythm.
54

    
55
$h1-font-size: 2    * $base-font-size;
56
$h2-font-size: 1.6  * $base-font-size;
57
$h3-font-size: 1.5  * $base-font-size;
58
$h4-font-size: 1    * $base-font-size;
59
$h5-font-size: 0.83 * $base-font-size;
60
$h6-font-size: 0.67 * $base-font-size;
61

    
62
// The following font family declarations are based on the Microsoft core web
63
// fonts which are common fonts available on most computer systems. The DejaVu
64
// and Nimbus Sans fonts are commonly available on Linux systems where the MS
65
// fonts are less common. Tahoma and Helvetica are also widely available.
66
//
67
// A user's web browser will look at the comma-separated list and will
68
// attempt to use each font in turn until it finds one that is available
69
// on the user's computer. The final "generic" font (sans-serif, serif or
70
// monospace) hints at what type of font to use if the web browser doesn't
71
// find any of the fonts in the list.
72

    
73

    
74
// First, let's create some font stacks.
75
$times-new-roman: "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
76
$times:           Times, "Times New Roman", Georgia, "DejaVu Serif", serif;
77
$georgia:         Georgia, "Times New Roman", "DejaVu Serif", serif;
78

    
79
$verdana:         Verdana, Tahoma, "DejaVu Sans", sans-serif;
80
$tahoma:          Tahoma, Verdana, "DejaVu Sans", sans-serif;
81
$helvetica:       Helvetica, Arial, "Nimbus Sans L", sans-serif;
82
$arial:           Arial, Helvetica, "Nimbus Sans L", sans-serif;
83

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

    
88
// for the cdm_dataportal base theme we serve the Noto webfonts
89
// --- notosans
90
@import url("../fonts/notosans-webfont-2017-2/stylesheet.css");
91
$noto-sans:           "Noto Sans", sans-serif;
92
// --- notosans
93
@import url("../fonts/notomono-webfont-2020/stylesheet.css");
94
$noto-mono:           "Noto Mono", sans-serif;
95

    
96

    
97

    
98
// Now create some variables for the font stacks we want to use on this site.
99
$base-font-family: $noto-sans; // The font family set on the html element.
100
$font-monospace:   $noto-mono;
101

    
102

    
103
//
104
// Colors, etc.
105
//
106
$page-background-color: #fff;
107
$menu-bar-background-color: #DEDEDE;
108
$menu-bar-font-size: 1.2 * $base-font-size;
109
$menu-bar-text-color: #000;
110
$menu-bar-line-height: 20px; // unit must be px !!!!
111

    
112
$link-color: #115E92;
113
$link-color-synonym: #7C7C7C; // synonyms and misapplied name links have different neutral color: grey
114

    
115

    
116
// The amount lists, blockquotes and comments are indented.
117
$indent-amount: 30px;
118

    
119
// The height of the navigation container.
120
$nav-height: 3em;
121

    
122
// Tab styling.
123
$tabs-container-bg: #fff;
124
$tabs-border: #bbb;
125

    
126

    
127
// =============================================================================
128
// Partials to be shared with all .scss files.
129
// =============================================================================
130

    
131
// Add Compass' IE and vendor prefix support variables.
132
@import "compass/support";
133
// Better than Drupal's clearfix.
134
@import "compass/utilities/general/clearfix";
135
// See http://compass-style.org/help/tutorials/spriting/
136
@import "compass/utilities/sprites";
137
// Use one CSS3 mixin instead of multiple vendor prefixes.
138
@import "compass/css3";
139
// Helps set up a vertical rhythm.
140
@import "compass/typography/vertical_rhythm";
141
// Add the Zen Grids responsive layout mixins.
142
@import "zen";
143

    
144
@import "ie-legacy"; // Adds css fixes for older IE browsers and thus adds CSS3 PIE support which emulates some css3 features, see pie.scss
145

    
146

    
147
// Now we add our custom helper mixins.
148
@import "mixins";
149

    
150

    
(2-2/13)