diff options
Diffstat (limited to 'sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass/_init.scss')
| -rw-r--r-- | sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass/_init.scss | 126 |
1 files changed, 126 insertions, 0 deletions
diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass/_init.scss b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass/_init.scss new file mode 100644 index 000000000..dd0beb18d --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass/_init.scss @@ -0,0 +1,126 @@ +// +// Initialization partial +// +// To make it easier to use all variables and mixins in any Sass file in this +// theme, each .scss file has a @import "init" declaration. And this _init.scss +// file is in charge of importing all the other partials needed for the theme. +// +// This initialization partial is organized in this way: +// - First we set any shared Sass variables. +// - Next we import Compass plug-ins (Sass mixin libraries). +// - Last we define our custom mixins for this theme. +// + + +// ============================================================================= +// Variables +// ============================================================================= + +// +// Legacy IE support +// +// These variables are used by many mixins to add additional CSS to support +// specific versions of IE or specific vendor prefixes. +// +// IE6-7 don't support box-sizing: border-box. We can fix this in 1 of 3 ways: +// - Drop support for IE 6/7. :-) Set $legacy-support-for-ie6 +// and $legacy-support-for-ie7 to false. +// - (Preferred) Install the box-sizing polyfill and set the variable below to +// the absolute path URL to the boxsizing.htc file. +// @see https://github.com/Schepp/box-sizing-polyfill +// $box-sizing-polyfill-path: "/path/to/boxsizing.htc"; +// - Use the same CSS unit for grid and gutter width in resonsive-sidebars.scss +// (use px for both or use % for both) and set the box-sizing variable to content-box. +// +// Zen does not require special handling for IE8 or later. But Compass uses that +// variable for a couple edge cases. We include it for completeness sake. See +// the documentation at http://compass-style.org/reference/compass/support/ +$legacy-support-for-ie6: false; +$legacy-support-for-ie7: false; +$legacy-support-for-ie8: true; + + +// +// Font faces, stacks and sizes. +// + +// Compass' vertical_rhythm extension is a powerful tool to set up a vertical +// rhythm for your entire page. You can see some of its mixins and functions in +// use in the normalize.scss file. +// @see http://compass-style.org/reference/compass/typography/vertical_rhythm/ + +$base-font-size: 16px; // The font size set on the root html element. +$base-line-height: 24px; // This line-height determines the basic unit of vertical rhythm. + +$h1-font-size: 2 * $base-font-size; +$h2-font-size: 1.5 * $base-font-size; +$h3-font-size: 1.17 * $base-font-size; +$h4-font-size: 1 * $base-font-size; +$h5-font-size: 0.83 * $base-font-size; +$h6-font-size: 0.67 * $base-font-size; + +// The following font family declarations are based on the Microsoft core web +// fonts which are common fonts available on most computer systems. The DejaVu +// and Nimbus Sans fonts are commonly available on Linux systems where the MS +// fonts are less common. Tahoma and Helvetica are also widely available. +// +// A user's web browser will look at the comma-separated list and will +// attempt to use each font in turn until it finds one that is available +// on the user's computer. The final "generic" font (sans-serif, serif or +// monospace) hints at what type of font to use if the web browser doesn't +// find any of the fonts in the list. + +// First, let's create some font stacks. +$times-new-roman: "Times New Roman", Times, Georgia, "DejaVu Serif", serif; +$times: Times, "Times New Roman", Georgia, "DejaVu Serif", serif; +$georgia: Georgia, "Times New Roman", "DejaVu Serif", serif; + +$verdana: Verdana, Tahoma, "DejaVu Sans", sans-serif; +$tahoma: Tahoma, Verdana, "DejaVu Sans", sans-serif; +$helvetica: Helvetica, Arial, "Nimbus Sans L", sans-serif; +$arial: Arial, Helvetica, "Nimbus Sans L", sans-serif; + +// For an explanation of why "sans-serif" is at the end of this list, see +// http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ +$courier: "Courier New", "DejaVu Sans Mono", monospace, sans-serif; + +// Now create some variables for the font stacks we want to use on this site. +$base-font-family: $verdana; // The font family set on the html element. +$font-body: $verdana; +$font-monospace: $courier; + + +// +// Colors, etc. +// + +// The amount lists, blockquotes and comments are indented. +$indent-amount: 30px; + +// The height of the navigation container. +$nav-height: 3em; + +// Tab styling. +$tabs-container-bg: #fff; +$tabs-border: #bbb; + + +// ============================================================================= +// Partials to be shared with all .scss files. +// ============================================================================= + +// Add Compass' IE and vendor prefix support variables. +@import "compass/support"; +// Better than Drupal's clearfix. +@import "compass/utilities/general/clearfix"; +// See http://compass-style.org/help/tutorials/spriting/ +@import "compass/utilities/sprites"; +// Use one CSS3 mixin instead of multiple vendor prefixes. +@import "compass/css3"; +// Helps set up a vertical rhythm. +@import "compass/typography/vertical_rhythm"; +// Add the Zen Grids responsive layout mixins. +@import "zen"; + +// Now we add our custom helper mixins. +@import "mixins"; |