Project

General

Profile

« Previous | Next » 

Revision 4cce112d

Added by Andreas Kohlbecker over 11 years ago

creating zen_dataportal subtheme

View differences:

.gitattributes
1490 1490
7.x/themes/zen/zen-internals/template.zen.inc -text
1491 1491
7.x/themes/zen/zen-internals/zen.drush.inc -text
1492 1492
7.x/themes/zen/zen.info -text
1493
7.x/themes/zen_dataportal/.sass-cache/0d93976ff9f11556b314694e7a9476cfb8ac8aee/_css3.scssc -text svneol=unset#unset
1494
7.x/themes/zen_dataportal/.sass-cache/0d93976ff9f11556b314694e7a9476cfb8ac8aee/_support.scssc -text svneol=unset#unset
1495
7.x/themes/zen_dataportal/.sass-cache/12ab5f0702294dfd9700cb1e0cd2394ed318c5be/_grids.scssc -text
1496
7.x/themes/zen_dataportal/.sass-cache/35a6074aaa86241c81fac3e4e5286854be13ca08/fixed-width-rtl.scssc -text svneol=unset#unset
1497
7.x/themes/zen_dataportal/.sass-cache/35a6074aaa86241c81fac3e4e5286854be13ca08/fixed-width.scssc -text svneol=unset#unset
1498
7.x/themes/zen_dataportal/.sass-cache/35a6074aaa86241c81fac3e4e5286854be13ca08/responsive-sidebars-rtl.scssc -text svneol=unset#unset
1499
7.x/themes/zen_dataportal/.sass-cache/35a6074aaa86241c81fac3e4e5286854be13ca08/responsive-sidebars.scssc -text svneol=unset#unset
1500
7.x/themes/zen_dataportal/.sass-cache/364af386fb40ab5f67c4b7ae571302cd5dfce4db/_clearfix.scssc -text svneol=unset#unset
1501
7.x/themes/zen_dataportal/.sass-cache/464787d364b085b2a1532d12f327cae4d9a1fbe8/_sprites.scssc -text svneol=unset#unset
1502
7.x/themes/zen_dataportal/.sass-cache/7b66f216ba48720b6444fb2f0e15ba21ed3d1f53/_vertical_rhythm.scssc -text
1503
7.x/themes/zen_dataportal/.sass-cache/a8cf333018325c256c2fcb2f90e51a05bb7912e5/_zen.scssc -text svneol=unset#unset
1504
7.x/themes/zen_dataportal/.sass-cache/b7ec75a973b6ef8187af26f68d839cc5b2c81e58/_base.scssc -text svneol=unset#unset
1505
7.x/themes/zen_dataportal/.sass-cache/b7ec75a973b6ef8187af26f68d839cc5b2c81e58/_custom.scssc -text svneol=unset#unset
1506
7.x/themes/zen_dataportal/.sass-cache/b7ec75a973b6ef8187af26f68d839cc5b2c81e58/blocks.scssc -text svneol=unset#unset
1507
7.x/themes/zen_dataportal/.sass-cache/b7ec75a973b6ef8187af26f68d839cc5b2c81e58/comments.scssc -text svneol=unset#unset
1508
7.x/themes/zen_dataportal/.sass-cache/b7ec75a973b6ef8187af26f68d839cc5b2c81e58/fields.scssc -text svneol=unset#unset
1509
7.x/themes/zen_dataportal/.sass-cache/b7ec75a973b6ef8187af26f68d839cc5b2c81e58/forms-rtl.scssc -text svneol=unset#unset
1510
7.x/themes/zen_dataportal/.sass-cache/b7ec75a973b6ef8187af26f68d839cc5b2c81e58/forms.scssc -text svneol=unset#unset
1511
7.x/themes/zen_dataportal/.sass-cache/b7ec75a973b6ef8187af26f68d839cc5b2c81e58/navigation-rtl.scssc -text svneol=unset#unset
1512
7.x/themes/zen_dataportal/.sass-cache/b7ec75a973b6ef8187af26f68d839cc5b2c81e58/navigation.scssc -text svneol=unset#unset
1513
7.x/themes/zen_dataportal/.sass-cache/b7ec75a973b6ef8187af26f68d839cc5b2c81e58/nodes.scssc -text svneol=unset#unset
1514
7.x/themes/zen_dataportal/.sass-cache/b7ec75a973b6ef8187af26f68d839cc5b2c81e58/normalize-rtl.scssc -text svneol=unset#unset
1515
7.x/themes/zen_dataportal/.sass-cache/b7ec75a973b6ef8187af26f68d839cc5b2c81e58/normalize.scssc -text
1516
7.x/themes/zen_dataportal/.sass-cache/b7ec75a973b6ef8187af26f68d839cc5b2c81e58/pages-rtl.scssc -text svneol=unset#unset
1517
7.x/themes/zen_dataportal/.sass-cache/b7ec75a973b6ef8187af26f68d839cc5b2c81e58/pages.scssc -text svneol=unset#unset
1518
7.x/themes/zen_dataportal/.sass-cache/b7ec75a973b6ef8187af26f68d839cc5b2c81e58/print.scssc -text svneol=unset#unset
1519
7.x/themes/zen_dataportal/.sass-cache/b7ec75a973b6ef8187af26f68d839cc5b2c81e58/tabs-rtl.scssc -text svneol=unset#unset
1520
7.x/themes/zen_dataportal/.sass-cache/b7ec75a973b6ef8187af26f68d839cc5b2c81e58/tabs.scssc -text svneol=unset#unset
1521
7.x/themes/zen_dataportal/.sass-cache/b7ec75a973b6ef8187af26f68d839cc5b2c81e58/views-styles.scssc -text svneol=unset#unset
1522
7.x/themes/zen_dataportal/.sass-cache/b7ec75a973b6ef8187af26f68d839cc5b2c81e58/wireframes.scssc -text svneol=unset#unset
1523
7.x/themes/zen_dataportal/README.txt -text
1524
7.x/themes/zen_dataportal/STARTERKIT.info.txt -text
1525
7.x/themes/zen_dataportal/config.rb -text
1526
7.x/themes/zen_dataportal/css/README.txt -text
1527
7.x/themes/zen_dataportal/css/blocks.css -text
1528
7.x/themes/zen_dataportal/css/comments.css -text
1529
7.x/themes/zen_dataportal/css/drupal7-reference.css -text
1530
7.x/themes/zen_dataportal/css/fields.css -text
1531
7.x/themes/zen_dataportal/css/forms-rtl.css -text
1532
7.x/themes/zen_dataportal/css/forms.css -text
1533
7.x/themes/zen_dataportal/css/layouts/fixed-width-rtl.css -text
1534
7.x/themes/zen_dataportal/css/layouts/fixed-width.css -text
1535
7.x/themes/zen_dataportal/css/layouts/responsive-sidebars-rtl.css -text
1536
7.x/themes/zen_dataportal/css/layouts/responsive-sidebars.css -text
1537
7.x/themes/zen_dataportal/css/navigation-rtl.css -text
1538
7.x/themes/zen_dataportal/css/navigation.css -text
1539
7.x/themes/zen_dataportal/css/nodes.css -text
1540
7.x/themes/zen_dataportal/css/normalize-rtl.css -text
1541
7.x/themes/zen_dataportal/css/normalize.css -text
1542
7.x/themes/zen_dataportal/css/pages-rtl.css -text
1543
7.x/themes/zen_dataportal/css/pages.css -text
1544
7.x/themes/zen_dataportal/css/print.css -text
1545
7.x/themes/zen_dataportal/css/tabs-rtl.css -text
1546
7.x/themes/zen_dataportal/css/tabs.css -text
1547
7.x/themes/zen_dataportal/css/views-styles.css -text
1548
7.x/themes/zen_dataportal/css/wireframes.css -text
1549
7.x/themes/zen_dataportal/favicon.ico -text svneol=unset#unset
1550
7.x/themes/zen_dataportal/images-source/screenshot.psd -text svneol=unset#unset
1551
7.x/themes/zen_dataportal/images/menu-collapsed-rtl.png -text svneol=unset#unset
1552
7.x/themes/zen_dataportal/images/menu-collapsed.png -text svneol=unset#unset
1553
7.x/themes/zen_dataportal/images/menu-expanded.png -text svneol=unset#unset
1554
7.x/themes/zen_dataportal/images/menu-leaf.png -text svneol=unset#unset
1555
7.x/themes/zen_dataportal/js/README.txt -text
1556
7.x/themes/zen_dataportal/js/script.js -text
1557
7.x/themes/zen_dataportal/logo.png -text svneol=unset#unset
1558
7.x/themes/zen_dataportal/sass-extensions/zen-grids/DO_NOT_MODIFY -text
1559
7.x/themes/zen_dataportal/sass-extensions/zen-grids/LICENSE.txt -text
1560
7.x/themes/zen_dataportal/sass-extensions/zen-grids/README.txt -text
1561
7.x/themes/zen_dataportal/sass-extensions/zen-grids/lib/zen-grids.rb -text
1562
7.x/themes/zen_dataportal/sass-extensions/zen-grids/stylesheets/_zen.scss -text
1563
7.x/themes/zen_dataportal/sass-extensions/zen-grids/stylesheets/zen/_background-grid.scss -text
1564
7.x/themes/zen_dataportal/sass-extensions/zen-grids/stylesheets/zen/_grids.scss -text
1565
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/project/common.scss -text
1566
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/project/example.html -text
1567
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/project/layout.scss -text
1568
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/project/manifest.rb -text
1569
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/project/styles.scss -text
1570
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/README.txt -text
1571
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/manifest.rb -text
1572
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-direction-flip.scss -text
1573
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-grid-item-width.scss -text
1574
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-half-gutter.scss -text
1575
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-unit-width.scss -text
1576
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/sass/zen-clear.scss -text
1577
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/sass/zen-float.scss -text
1578
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-container.scss -text
1579
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-flow-item.scss -text
1580
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item-base.scss -text
1581
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item.scss -text
1582
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/sass/zen-nested-container.scss -text
1583
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-direction-flip.css -text
1584
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-grid-item-width.css -text
1585
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-half-gutter.css -text
1586
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-unit-width.css -text
1587
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-clear.css -text
1588
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-float.css -text
1589
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-container.css -text
1590
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-flow-item.css -text
1591
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-item-base.css -text
1592
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-item.css -text
1593
7.x/themes/zen_dataportal/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-nested-container.css -text
1594
7.x/themes/zen_dataportal/sass-extensions/zen-grids/zen-grids.gemspec -text
1595
7.x/themes/zen_dataportal/sass/README.txt -text
1596
7.x/themes/zen_dataportal/sass/_base.scss -text
1597
7.x/themes/zen_dataportal/sass/_custom.scss -text
1598
7.x/themes/zen_dataportal/sass/blocks.scss -text
1599
7.x/themes/zen_dataportal/sass/comments.scss -text
1600
7.x/themes/zen_dataportal/sass/fields.scss -text
1601
7.x/themes/zen_dataportal/sass/forms-rtl.scss -text
1602
7.x/themes/zen_dataportal/sass/forms.scss -text
1603
7.x/themes/zen_dataportal/sass/layouts/fixed-width-rtl.scss -text
1604
7.x/themes/zen_dataportal/sass/layouts/fixed-width.scss -text
1605
7.x/themes/zen_dataportal/sass/layouts/responsive-sidebars-rtl.scss -text
1606
7.x/themes/zen_dataportal/sass/layouts/responsive-sidebars.scss -text
1607
7.x/themes/zen_dataportal/sass/navigation-rtl.scss -text
1608
7.x/themes/zen_dataportal/sass/navigation.scss -text
1609
7.x/themes/zen_dataportal/sass/nodes.scss -text
1610
7.x/themes/zen_dataportal/sass/normalize-rtl.scss -text
1611
7.x/themes/zen_dataportal/sass/normalize.scss -text
1612
7.x/themes/zen_dataportal/sass/pages-rtl.scss -text
1613
7.x/themes/zen_dataportal/sass/pages.scss -text
1614
7.x/themes/zen_dataportal/sass/print.scss -text
1615
7.x/themes/zen_dataportal/sass/tabs-rtl.scss -text
1616
7.x/themes/zen_dataportal/sass/tabs.scss -text
1617
7.x/themes/zen_dataportal/sass/views-styles.scss -text
1618
7.x/themes/zen_dataportal/sass/wireframes.scss -text
1619
7.x/themes/zen_dataportal/screenshot.png -text svneol=unset#unset
1620
7.x/themes/zen_dataportal/template.php -text
1621
7.x/themes/zen_dataportal/templates/README.txt -text
1622
7.x/themes/zen_dataportal/theme-settings.php -text
7.x/themes/zen_dataportal/.sass-cache/12ab5f0702294dfd9700cb1e0cd2394ed318c5be/_grids.scssc
1
3.2.1 (Media Mark)
2
10715666e049dab0a0e7fe3583f8a8f848075cad
3
o:Sass::Tree::RootNode
4
:@template"?,//
5
// Mixins for the Zen Grids system.
6
//
7

  
8

  
9
// Specify the number of columns in the grid.
10
$zen-column-count: 1 !default;
11

  
12
// Specify the width of the gutters; half of the gutter will be placed on each
13
// side of a grid column.
14
$zen-gutter-width: 20px !default;
15

  
16
// You can generate more efficient CSS if you manually apply the
17
// zen-grid-item-base mixin to all grid items from within a single ruleset.
18
$zen-auto-include-item-base: true !default;
19
$zen-auto-include-flow-item-base: true !default;
20

  
21
// Specify the width of the entire grid. Defaults to 100% for a fluid responsive
22
// design, but you can change this to a pixel value if you need a fixed grid.
23
$zen-grid-width: 100% !default;
24

  
25
// The box-sizing polyfill for IE6/7 requires an absolute path to the
26
// boxsizing.htc file. See https://github.com/Schepp/box-sizing-polyfill
27
$box-sizing-polyfill-path: "" !default;
28

  
29
// Specify the CSS3 box-sizing method. The default, "border-box", is compatible
30
// with all modern browsers, including IE 8 and later. Use "content-box" for
31
// wider compatibility (Note: you'll also need to set $legacy-support-for-ie7
32
// and $legacy-support-for-ie6 to true.)
33
$zen-box-sizing: border-box !default;
34

  
35
// Turn off IE6/7 support since we're defaulting to box-sizing: border-box.
36
$legacy-support-for-ie7: false !default;
37
$legacy-support-for-ie6: false !default;
38

  
39
// Specify the default floating direction for zen's mixins.
40
$zen-float-direction: left !default;
41

  
42
// This is a helper variable for RTL layouts.
43
$zen-reverse-all-floats: false !default;
44

  
45

  
46
//
47
// Apply this to the grid container element.
48
//
49
@mixin zen-grid-container () {
50
  @if ($legacy-support-for-ie6 or $legacy-support-for-ie7) {
51
    *position: relative; // @TODO: This is a pre-IE8 line of code; don't remember why its needed.
52
  }
53
  // We use the "micro clearfix", instead of Compass' clearfix or pie-clearfix.
54
  &:before,
55
  &:after {
56
    content: "";
57
    display: table;
58
  }
59
  &:after {
60
    clear: both;
61
  }
62
  @if ($legacy-support-for-ie6 or $legacy-support-for-ie7) {
63
    *zoom: 1;
64
  }
65
}
66

  
67
//
68
// Apply this to any grid item that is also a grid container element for a
69
// nested grid. It must be applied after the zen-grid-item() mixin.
70
//
71
@mixin zen-nested-container () {
72
  padding: {
73
    left: 0;
74
    right: 0;
75
  }
76
}
77

  
78
//
79
// Apply this to each grid item. Set the $column-span to the number of columns
80
// that the grid item spans. And set the $column-position to the column number
81
// the grid item starts on.
82
//
83
// For grid items that are floated right, the $column-position is counted
84
// from the right instead of from the left.
85
//
86
@mixin zen-grid-item (
87
  $column-span,
88
  $column-position,
89
  $float-direction: $zen-float-direction,
90
  $column-count: $zen-column-count,
91
  $gutter-width: $zen-gutter-width,
92
  $grid-width: $zen-grid-width,
93
  $box-sizing: $zen-box-sizing,
94
  $reverse-all-floats: $zen-reverse-all-floats,
95
  $auto-include-item-base: $zen-auto-include-item-base
96
) {
97

  
98
  // Calculate the unit width.
99
  $unit-width: zen-unit-width($column-count, $grid-width);
100

  
101
  // Determine the float direction and its reverse.
102
  $dir: $float-direction;
103
  @if $reverse-all-floats {
104
    $dir: zen-direction-flip($dir);
105
  }
106
  $rev: zen-direction-flip($dir);
107

  
108
  float: $dir;
109
  $width: $column-span * $unit-width;
110
  @if $box-sizing == content-box {
111
    @if not comparable($width, $gutter-width) {
112
      $units-gutter: unit($gutter-width);
113
      $units-grid: unit($grid-width);
114
      @warn "The layout cannot be calculated correctly; when using box-sizing: content-box, the units of the gutter (#{$units-gutter} did not match the units of the grid width (#{$units-grid}).";
115
    }
116
    $width: $width - $gutter-width;
117
  }
118
  width: $width;
119
  margin: {
120
    #{$dir}: ($column-position - 1) * $unit-width;
121
    #{$rev}: (1 - $column-position - $column-span) * $unit-width;
122
  }
123

  
124
  // Auto-apply the unit base mixin.
125
  @if $auto-include-item-base {
126
    @include zen-grid-item-base($gutter-width, $box-sizing);
127
  }
128
}
129

  
130
//
131
// Applies a standard set of properites to all grid items in the layout.
132
//
133
// See the note about the $zen-auto-include-item-base and
134
// $zen-auto-include-flow-item-base variables for when to use this mixin.
135
//
136
// The mixin has the following optional parameters, but its better to use the
137
// $zen-gutter-width and $zen-box-sizing variables instead:
138
// - $gutter-width: Half of this value is applied as padding to the left and
139
//   right sides of the item.
140
// - $box-sizing: The type of CSS3 box model each box should use. Can be set to
141
//   content-box or border-box. Defaults to content-box, but border-box is way
142
//   cooler. IE 6 and 7 don't support border-box.
143
@mixin zen-grid-item-base (
144
  $gutter-width: $zen-gutter-width,
145
  $box-sizing: $zen-box-sizing,
146
  $flow-direction: $zen-float-direction,
147
  $reverse-all-flows: $zen-reverse-all-floats
148
) {
149

  
150
  $dir: $flow-direction;
151
  @if $reverse-all-flows {
152
    $dir: zen-direction-flip($dir);
153
  }
154

  
155
  padding: {
156
    left: zen-half-gutter($gutter-width, left, $dir);
157
    right: zen-half-gutter($gutter-width, right, $dir);
158
  }
159
  // Specify the border-box properties.
160
  @if $box-sizing == border-box {
161
    -moz-box-sizing: border-box;
162
    -webkit-box-sizing: border-box;
163
    -ms-box-sizing: border-box;
164
    box-sizing: border-box;
165
  }
166
  // Prevent borders since they'll break the layout with content-box.
167
  @if $box-sizing == content-box {
168
    border: 0 !important;
169
  }
170
  // Prevent overflowing content from being hidden beneath other grid items.
171
  word-wrap: break-word; // A very nice CSS3 property.
172

  
173
  @if ($legacy-support-for-ie6 or $legacy-support-for-ie7) {
174
    @if $box-sizing == border-box and $box-sizing-polyfill-path == "" {
175
      @warn "IE legacy support is on, but $box-sizing is set to #{$box-sizing} and the $box-sizing-polyfill-path is empty.";
176
    }
177
    @if $box-sizing-polyfill-path != "" {
178
      *behavior: url($box-sizing-polyfill-path);
179
    }
180
    @if $legacy-support-for-ie6 {
181
      _display: inline; // Display inline or double your floated margin! [1]
182
      _overflow: hidden; // Prevent overflowing content from breaking the layout.
183
      _overflow-y: visible; // In IE6, overflow visible is broken [2]
184
      // 1. http://www.positioniseverything.net/explorer/doubled-margin.html
185
      // 2. http://www.howtocreate.co.uk/wrongWithIE/?chapter=overflow%3Avisible%3B
186
    }
187
  }
188
}
189

  
190
//
191
// Apply this to content boxes that need to be cleared below other content boxes.
192
//
193
@mixin zen-clear (
194
  $float-direction: $zen-float-direction,
195
  $reverse-all-floats: $zen-reverse-all-floats
196
) {
197
  // Determine the float direction.
198
  $dir: $float-direction;
199
  @if $reverse-all-floats {
200
    $dir: zen-direction-flip($dir);
201
  }
202
  clear: $dir;
203
}
204

  
205
//
206
// Apply this to flow items that need to be floated.
207
//
208
@mixin zen-float (
209
  $float-direction: $zen-float-direction,
210
  $reverse-all-floats: $zen-reverse-all-floats
211
) {
212
  // Determine the float direction.
213
  $dir: $float-direction;
214
  @if $reverse-all-floats {
215
    $dir: zen-direction-flip($dir);
216
  }
217
  float: $dir;
218
}
219

  
220
//
221
// Apply this to an HTML item that is in the normal flow of a document to help
222
// align it to the grid. Set the $column-span to the number of columns that the
223
// HTML element should span. For responsive layouts with a percentage-based grid
224
// width, set the $parent-column-count to the number of columns that the parent
225
// element spans; fixed-unit layouts using px, em, etc. do not need to specify
226
// this.
227
//
228
// Unlike the zen-grid-item() mixin, this mixin does not float the HTML item; it
229
// also does not have a half-gutter on each side. By default, it has no gutter
230
// in the "alpha position" (the left side) and a full gutter in the "omega
231
// position" (the right side.) You can turn on or off the alpha and omega
232
// gutters by setting the $alpha-gutter and $omega-gutter parameters to true or
233
// false.
234
//
235
// Note: when the $flow-direction is set to right (for RTL languages), the alpha
236
// position is on the right and the omega position is on the left.
237
//
238
@mixin zen-grid-flow-item (
239
  $column-span,
240
  $parent-column-count: false,
241
  $alpha-gutter: false,
242
  $omega-gutter: true,
243
  $flow-direction: $zen-float-direction,
244
  $column-count: $zen-column-count,
245
  $gutter-width: $zen-gutter-width,
246
  $grid-width: $zen-grid-width,
247
  $box-sizing: $zen-box-sizing,
248
  $reverse-all-flows: $zen-reverse-all-floats,
249
  $auto-include-flow-item-base: $zen-auto-include-flow-item-base
250
) {
251

  
252
  $columns: $column-count;
253
  @if unit($grid-width) == "%" {
254
    @if $parent-column-count == false {
255
      @warn "For responsive layouts with a percentage-based grid width, you must set the $column-count to the number of columns that the parent element spans.";
256
    }
257
    @else {
258
      $columns: $parent-column-count;
259
    }
260
  }
261

  
262
  $dir: $flow-direction;
263
  @if $reverse-all-flows {
264
    $dir: zen-direction-flip($dir);
265
  }
266
  $rev: zen-direction-flip($dir);
267

  
268
  // Calculate the item's width.
269
  $width: zen-grid-item-width($column-span, $columns, $grid-width);
270
  @if $box-sizing == content-box {
271
    @if not comparable($width, $gutter-width) {
272
      $units-gutter: unit($gutter-width);
273
      $units-grid: unit($grid-width);
274
      @warn "The layout cannot be calculated correctly; when using box-sizing: content-box, the units of the gutter (#{$units-gutter} did not match the units of the grid width (#{$units-grid}).";
275
    }
276
    $width: $width - $gutter-width;
277
  }
278
  width: $width;
279

  
280
  // Auto-apply the unit base mixin.
281
  @if $auto-include-flow-item-base {
282
    @include zen-grid-item-base($gutter-width, $box-sizing);
283
  }
284

  
285
  // Ensure the HTML item either has a full gutter or no gutter on each side.
286
  padding-#{$dir}: 0;
287
  @if $alpha-gutter {
288
    margin-#{$dir}: $gutter-width;
289
  }
290
  $offset: ($columns - $column-span) * $gutter-width / $columns;
291
  padding-#{$rev}: $offset;
292
  @if $omega-gutter {
293
    margin-#{$rev}: $gutter-width - $offset;
294
  }
295
  @else {
296
    margin-#{$rev}: -($offset);
297
  }
298
}
299

  
300

  
301
//
302
// Helper functions for the Zen mixins.
303
//
304

  
305
// Returns a half gutter width.
306
@function zen-half-gutter(
307
  $gutter-width: $zen-gutter-width,
308
  $gutter-side: $zen-float-direction,
309
  $flow-direction: $zen-float-direction
310
) {
311
  $half-gutter: $gutter-width / 2;
312
  // Special handling in case gutter has an odd number of pixels.
313
  @if unit($gutter-width) == "px" {
314
    @if $gutter-side == $flow-direction {
315
      @return floor($half-gutter);
316
    }
317
    @else {
318
      @return ceil($half-gutter);
319
    }
320
  }
321
  @return $half-gutter;
322
}
323

  
324
// Calculates the unit width of a column.
325
@function zen-unit-width (
326
  $column-count: $zen-column-count,
327
  $grid-width: $zen-grid-width
328
) {
329
  $unit-width: $grid-width / $column-count;
330
  @if unit($unit-width) == "px" and floor($unit-width) != ceil($unit-width) {
331
    @warn "You may experience rounding errors as the grid width, #{$grid-width}, does not divide evenly into #{$column-count} columns.";
332
  }
333
  @return $unit-width;
334
}
335

  
336
// Calculates the width of a grid item that spans the specified number of columns.
337
@function zen-grid-item-width (
338
  $column-span,
339
  $column-count: $zen-column-count,
340
  $grid-width: $zen-grid-width
341
) {
342
  @return $column-span * zen-unit-width($column-count, $grid-width);
343
}
344

  
345
// Returns the opposite direction, given "left" or "right".
346
@function zen-direction-flip($dir) {
347
  @if $dir == left {
348
    @return right;
349
  }
350
  @else if $dir == right {
351
    @return left;
352
  }
353
  @else if $dir == none or $dir == both {
354
    @return $dir;
355
  }
356
  @warn "Invalid direction passed to zen-direction-flip().";
357
  @return both;
358
}
359
:
@options{:
360
@linei:@has_childrenT:@children[1o:Sass::Tree::CommentNode
361
:@value["1/*
362
 * Mixins for the Zen Grids system.
363
 * */;@;i;
364
[:
365
@type:silento;
366
;["5/* Specify the number of columns in the grid. */;@;i;
367
[;
;o:Sass::Tree::VariableNode:
@guarded"
!default;@:
368
@expro:Sass::Script::Number:@denominator_units[;i:@numerator_units[;@:@original"1;i:
369
@name"zen-column-count;i;
370
[o;
371
;["p/* Specify the width of the gutters; half of the gutter will be placed on each
372
 * side of a grid column. */;@;i;
373
[;
;o;;"
!default;@;o;;[;i;["px;@;"	20px;i;"zen-gutter-width;i;
374
[o;
375
;["?/* You can generate more efficient CSS if you manually apply the
376
 * zen-grid-item-base mixin to all grid items from within a single ruleset. */;@;i;
377
[;
;o;;"
!default;@;o:Sass::Script::Bool;T;@;i;"zen-auto-include-item-base;i;
378
[o;;"
!default;@;o;;T;@;i;"$zen-auto-include-flow-item-base;i;
379
[o;
380
;["?/* Specify the width of the entire grid. Defaults to 100% for a fluid responsive
381
 * design, but you can change this to a pixel value if you need a fixed grid. */;@;i;
382
[;
;o;;"
!default;@;o;;[;ii;["%;@;"	100%;i;"zen-grid-width;i;
383
[o;
384
;["?/* The box-sizing polyfill for IE6/7 requires an absolute path to the
385
 * boxsizing.htc file. See https://github.com/Schepp/box-sizing-polyfill */;@;i;
386
[;
;o;;"
!default;@;o:Sass::Script::String	;";@;i;
:string;"box-sizing-polyfill-path;i;
387
[o;
388
;["/* Specify the CSS3 box-sizing method. The default, "border-box", is compatible
389
 * with all modern browsers, including IE 8 and later. Use "content-box" for
390
 * wider compatibility (Note: you'll also need to set $legacy-support-for-ie7
391
 * and $legacy-support-for-ie6 to true.) */;@;i;
392
[;
;o;;"
!default;@;o;	;"border-box;@;i#;
:identifier;"zen-box-sizing;i#;
393
[o;
394
;["S/* Turn off IE6/7 support since we're defaulting to box-sizing: border-box. */;@;i%;
395
[;
;o;;"
!default;@;o;;F;@;i&;"legacy-support-for-ie7;i&;
396
[o;;"
!default;@;o;;F;@;i';"legacy-support-for-ie6;i';
397
[o;
398
;["C/* Specify the default floating direction for zen's mixins. */;@;i);
399
[;
;o;;"
!default;@;o;	;"	left;@;i*;
;;"zen-float-direction;i*;
400
[o;
401
;["5/* This is a helper variable for RTL layouts. */;@;i,;
402
[;
;o;;"
!default;@;o;;F;@;i-;"zen-reverse-all-floats;i-;
403
[o;
404
;[":/*
405
 * Apply this to the grid container element.
406
 * */;@;i0;
407
[;
;o:Sass::Tree::MixinDefNode;@;"zen-grid-container;i3:@splat0;	T;
408
[
409
u:Sass::Tree::IfNode%[o:Sass::Script::Operation
410
:
@options{:@operator:or:
411
@linei4:@operand2o:Sass::Script::Variable	;@:
412
@name"legacy-support-for-ie7;	i4:@underscored_name"legacy_support_for_ie7:@operand1o;	;@;"legacy-support-for-ie6;	i4;
"legacy_support_for_ie60[o:Sass::Tree::PropNode:
413
@tabsi:@valueo:Sass::Script::String;"
relative;@:
414
@type:identifier;@;["*position;	i5:@prop_syntax:new:@children[o:Sass::Tree::CommentNode
415
;["P/* @TODO: This is a pre-IE8 line of code; don't remember why its needed. */;@;	i5;[;:silento;
416
;["U/* We use the "micro clearfix", instead of Compass' clearfix or pie-clearfix. */;@;i7;
417
[;
;o:Sass::Tree::RuleNode:
418
@tabsi:
419
@rule["&:before,
420
  &:after;@;i9:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";i9:
@members[o:Sass::Selector::Sequence;$[o:#Sass::Selector::SimpleSequence
421
:
@subject0;#@?;i9;$[o:Sass::Selector::Parent;#@?;i9o:Sass::Selector::Pseudo
422
;#@?:	@arg0;["before;i9;
:
423
class:
@sourceso:Set:
424
@hash{o;%;$["
425
o;&
426
;'0;#@?;i9;$[o;(;#@?;i9o;)
427
;#@?;*0;["
428
after;i9;
;+;,o;-;.{;	T;
429
[o:Sass::Tree::PropNode;i;o;;""";@;
;;@;["content;i::@prop_syntax:new;
430
[o;/;i;o;;"
431
table;@;
;;@;["display;i;;0;1;
432
[o;;i; ["&:after;@;i=;!o;";#";i=;$[o;%;$[o;&
433
;'0;#@?;i=;$[o;(;#@?;i=o;)
434
;#@?;*0;["
435
after;i=;
;+;,o;-;.{;	T;
436
[o;/;i;o;;"	both;@;
;;@;["
437
clear;i>;0;1;
438
[u;?[o:Sass::Script::Operation
439
:
@options{:@operator:or:
440
@linei@:@operand2o:Sass::Script::Variable	;@:
441
@name"legacy-support-for-ie7;	i@:@underscored_name"legacy_support_for_ie7:@operand1o;	;@;"legacy-support-for-ie6;	i@;
"legacy_support_for_ie60[o:Sass::Tree::PropNode:
442
@tabsi:@valueo:Sass::Script::String;"1;@:
443
@type:identifier;@;["
444
*zoom;	iA:@prop_syntax:new:@children[:
445
@args[o;
446
;["?/*
447
 * Apply this to any grid item that is also a grid container element for a
448
 * nested grid. It must be applied after the zen-grid-item() mixin.
449
 * */;@;iE;
450
[;
;o;;@;"zen-nested-container;iI;0;	T;
451
[o;/
;i;o;;";@;
;;@;["padding;iJ;0;1;	T;
452
[o;/;i;o;;"0;@;
;;@;["	left;iK;0;1;
453
[o;/;i;o;;"0;@;
;;@;["
454
right;iL;0;1;
455
[;2[o;
456
;[";/*
457
 * Apply this to each grid item. Set the $column-span to the number of columns
458
 * that the grid item spans. And set the $column-position to the column number
459
 * the grid item starts on.
460
 *
461
 * For grid items that are floated right, the $column-position is counted
462
 * from the right instead of from the left.
463
 * */;@;iP;
464
[;
;o;;@;"zen-grid-item;ib;0;	T;
465
[o;
466
;["$/* Calculate the unit width. */;@;id;
467
[;
;o;;0;@;o:Sass::Script::Funcall:@keywords{;@;"zen-unit-width;ie;0;2[o:Sass::Script::Variable	;@;"column-count;ie:@underscored_name"column_counto;5	;@;"grid-width;ie;6"grid_width;"unit-width;ie;
468
[o;
469
;["9/* Determine the float direction and its reverse. */;@;ig;
470
[;
;o;;0;@;o;5	;@;"float-direction;ih;6"float_direction;"dir;ih;
471
[u;2[o:Sass::Script::Variable	:
@options{:
472
@name"reverse-all-floats:
473
@lineii:@underscored_name"reverse_all_floats0[o:Sass::Tree::VariableNode:
@guarded0;@:
474
@expro:Sass::Script::Funcall:@keywords{;@;"zen-direction-flip;ij:@splat0:
475
@args[o;	;@;"dir;ij;	"dir;"dir;ij:@children[o;;0;@;o;3;4{;@;"zen-direction-flip;il;0;2[o;5	;@;"dir;il;6"dir;"rev;il;
476
[o;/;i;o;5	;@;"dir;in;6"dir;@;["
477
float;in;0;1;
478
[o;;0;@;o:Sass::Script::Operation
479
;@:@operator:
480
times;io:@operand2o;5	;@;"unit-width;io;6"unit_width:@operand1o;5	;@;"column-span;io;6"column_span;"
481
width;io;
482
[u;?[o:Sass::Script::Operation
483
:
@options{:@operator:eq:
484
@lineip:@operand2o:Sass::Script::String	:@value"content-box;@;	ip:
485
@type:identifier:@operand1o:Sass::Script::Variable	;@:
486
@name"box-sizing;	ip:@underscored_name"box_sizing0[u:Sass::Tree::IfNode?[o:!Sass::Script::UnaryOperation	:
@operando:Sass::Script::Funcall:@keywords{:
@options{:
487
@name"comparable:
488
@lineiq:@splat0:
489
@args[o:Sass::Script::Variable	;	@	;
490
"
491
width;iq:@underscored_name"
492
widtho;	;	@	;
493
"gutter-width;iq;"gutter_width;	@	:@operator:not;iq0[o:Sass::Tree::VariableNode:
@guarded0;	@	:
494
@expro;;{;	@	;
495
"	unit;ir;0;
[o;	;	@	;
496
"gutter-width;ir;"gutter_width;
497
"units-gutter;ir:@children[o;;0;	@	;o;;{;	@	;
498
"	unit;is;0;
[o;	;	@	;
499
"grid-width;is;"grid_width;
500
"units-grid;is;[o:Sass::Tree::WarnNode	;	@	;o:&Sass::Script::StringInterpolation
501
:@aftero;
502
;o:Sass::Script::String	:@value").;	@	;it:
503
@type:string;	@	;it:	@mido;	;	@	;
504
"units-grid;it;"units_grid:@beforeo;	;"1 did not match the units of the grid width (;	@	;it;;;	@	;it;o;	;	@	;
505
"units-gutter;it;"units_gutter;o;	;"mThe layout cannot be calculated correctly; when using box-sizing: content-box, the units of the gutter (;	@	;it;;;it;[o:Sass::Tree::VariableNode:
@guarded0;@:
506
@expro;
507
;@;:
508
minus;	iv;
509
o;	;@;"gutter-width;	iv;"gutter_width;o;	;@;"
510
width;	iv;"
511
width;"
512
width;	iv:@children[o;/;i;o;5	;@;"
513
width;ix;6"
514
width;@;["
515
width;ix;0;1;
516
[o;/
;i;o;;";@;
;;@;["margin;iy;0;1;	T;
517
[o;/;i;o;7
518
;@;8;9;iz;:o;5	;@;"unit-width;iz;6"unit_width;;o;7
519
;@;8:
520
minus;iz;:o;;@;i;[;@;"1;iz;;o;5	;@;"column-position;iz;6"column_position;@;[o;5	;@;"dir;iz;6"dir;iz;0;1;
521
[o;/;i;o;7
522
;@;8;9;i{;:o;5	;@;"unit-width;i{;6"unit_width;;o;7
523
;@;8;<;i{;:o;5	;@;"column-span;i{;6"column_span;;o;7
524
;@;8;<;i{;:o;5	;@;"column-position;i{;6"column_position;;o;
525
;@;i;[;@;i{;@;[o;5	;@;"rev;i{;6"rev;i{;0;1;
526
[o;
527
;["*/* Auto-apply the unit base mixin. */;@;i~;
528
[;
;u;:[o:Sass::Script::Variable	:
@options{:
529
@name"auto-include-item-base:
530
@linei:@underscored_name"auto_include_item_base0[o:Sass::Tree::MixinNode:@keywords{;@;"zen-grid-item-base;i{:@splat0:@children[:
531
@args[o;	;@;"gutter-width;i{;	"gutter_widtho;	;@;"box-sizing;i{;	"box_sizing;2[[o;5;@;"column-span;6"column_span0[o;5;@;"column-position;6"column_position0[o;5;@;"float-direction;6"float_directiono;5	;@;"zen-float-direction;i[;6"zen_float_direction[o;5;@;"column-count;6"column_counto;5	;@;"zen-column-count;i\;6"zen_column_count[o;5;@;"gutter-width;6"gutter_widtho;5	;@;"zen-gutter-width;i];6"zen_gutter_width[o;5;@;"grid-width;6"grid_widtho;5	;@;"zen-grid-width;i^;6"zen_grid_width[o;5;@;"box-sizing;6"box_sizingo;5	;@;"zen-box-sizing;i_;6"zen_box_sizing[o;5;@;"reverse-all-floats;6"reverse_all_floatso;5	;@;"zen-reverse-all-floats;i`;6"zen_reverse_all_floats[o;5;@;"auto-include-item-base;6"auto_include_item_baseo;5	;@;"zen-auto-include-item-base;ia;6"zen_auto_include_item_baseo;
532
;["?/*
533
 * Applies a standard set of properites to all grid items in the layout.
534
 *
535
 * See the note about the $zen-auto-include-item-base and
536
 * $zen-auto-include-flow-item-base variables for when to use this mixin.
537
 *
538
 * The mixin has the following optional parameters, but its better to use the
539
 * $zen-gutter-width and $zen-box-sizing variables instead:
540
 * - $gutter-width: Half of this value is applied as padding to the left and
541
 *   right sides of the item.
542
 * - $box-sizing: The type of CSS3 box model each box should use. Can be set to
543
 *   content-box or border-box. Defaults to content-box, but border-box is way
544
 *   cooler. IE 6 and 7 don't support border-box. */;@;i;
545
[;
;o;;@;"zen-grid-item-base;i?;0;	T;
546
[o;;0;@;o;5	;@;"flow-direction;i?;6"flow_direction;"dir;i?;
547
[u;4[o:Sass::Script::Variable	:
@options{:
548
@name"reverse-all-flows:
549
@linei?:@underscored_name"reverse_all_flows0[o:Sass::Tree::VariableNode:
@guarded0;@:
550
@expro:Sass::Script::Funcall:@keywords{;@;"zen-direction-flip;i?:@splat0:
551
@args[o;	;@;"dir;i?;	"dir;"dir;i?:@children[o;/
;i;o;;";@;
;;@;["padding;i?;0;1;	T;
552
[o;/;i;o;3;4{;@;"zen-half-gutter;i?;0;2[o;5	;@;"gutter-width;i?;6"gutter_widtho;	;"	left;@;i?;
;o;5	;@;"dir;i?;6"dir;@;["	left;i?;0;1;
553
[o;/;i;o;3;4{;@;"zen-half-gutter;i?;0;2[o;5	;@;"gutter-width;i?;6"gutter_widtho;	;"
554
right;@;i?;
;o;5	;@;"dir;i?;6"dir;@;["
555
right;i?;0;1;
556
[o;
557
;["-/* Specify the border-box properties. */;@;i?;
558
[;
;u;P[o:Sass::Script::Operation
559
:
@options{:@operator:eq:
560
@linei?:@operand2o:Sass::Script::String	:@value"border-box;@;	i?:
561
@type:identifier:@operand1o:Sass::Script::Variable	;@:
562
@name"box-sizing;	i?:@underscored_name"box_sizing0[	o:Sass::Tree::PropNode:
563
@tabsi;o;;"border-box;@;
;;@;["-moz-box-sizing;	i?:@prop_syntax:new:@children[o;;i;o;;"border-box;@;
;;@;["-webkit-box-sizing;	i?;;;[o;;i;o;;"border-box;@;
;;@;["-ms-box-sizing;	i?;;;[o;;i;o;;"border-box;@;
;;@;["box-sizing;	i?;;;[o;
564
;["K/* Prevent borders since they'll break the layout with content-box. */;@;i?;
565
[;
;u;o[o:Sass::Script::Operation
566
:
@options{:@operator:eq:
567
@linei?:@operand2o:Sass::Script::String	:@value"content-box;@;	i?:
568
@type:identifier:@operand1o:Sass::Script::Variable	;@:
569
@name"box-sizing;	i?:@underscored_name"box_sizing0[o:Sass::Tree::PropNode:
570
@tabsi;o;;"0 !important;@;
;;@;["border;	i?:@prop_syntax:new:@children[o;
571
;["R/* Prevent overflowing content from being hidden beneath other grid items. */;@;i?;
572
[;
;o;/;i;o;;"break-word;@;
;;@;["word-wrap;i?;0;1;
573
[o;
574
;["%/* A very nice CSS3 property. */;@;i?;
575
[;
;u;	[o:Sass::Script::Operation
576
:
@options{:@operator:or:
577
@linei?:@operand2o:Sass::Script::Variable	;@:
578
@name"legacy-support-for-ie7;	i?:@underscored_name"legacy_support_for_ie7:@operand1o;	;@;"legacy-support-for-ie6;	i?;
"legacy_support_for_ie60[u:Sass::Tree::IfNode?[o:Sass::Script::Operation
579
:
@options{:@operator:and:
580
@linei?:@operand2o;
581
;@;:eq;	i?;
582
o:Sass::Script::String	:@value";@;	i?:
583
@type:string:@operand1o:Sass::Script::Variable	;@:
584
@name"box-sizing-polyfill-path;	i?:@underscored_name"box_sizing_polyfill_path;o;
585
;@;;;	i?;
586
o;	;
"border-box;@;	i?;:identifier;o;	;@;"box-sizing;	i?;"box_sizing0[o:Sass::Tree::WarnNode	;@:
587
@expro:&Sass::Script::StringInterpolation
588
:@aftero;	;
"1 and the $box-sizing-polyfill-path is empty.;@;	i?;;;@;	i?:	@mido;	;@;"box-sizing;	i?;"box_sizing:@beforeo;	;
"8IE legacy support is on, but $box-sizing is set to ;@;	i?;;;	i?:@children[u;?[o:Sass::Script::Operation
589
:
@options{:@operator:neq:
590
@linei?:@operand2o:Sass::Script::String	:@value";@;	i?:
591
@type:string:@operand1o:Sass::Script::Variable	;@:
592
@name"box-sizing-polyfill-path;	i?:@underscored_name"box_sizing_polyfill_path0[o:Sass::Tree::PropNode:
593
@tabsi;o:Sass::Script::Funcall:@keywords{;@;"url;	i?:@splat0:
594
@args[o;	;@;"box-sizing-polyfill-path;	i?;"box_sizing_polyfill_path;@;["*behavior;	i?:@prop_syntax:new:@children[u;?[o:Sass::Script::Variable	:
@options{:
595
@name"legacy-support-for-ie6:
596
@linei?:@underscored_name"legacy_support_for_ie60[o:Sass::Tree::PropNode:
597
@tabsi:@valueo:Sass::Script::String;"inline;@:
598
@type:identifier;@;["
_display;i?:@prop_syntax:new:@children[o:Sass::Tree::CommentNode
599
;["</* Display inline or double your floated margin! [1] */;@;i?;[;:silento;
600
;i;o;
;"hidden;@;;;@;["_overflow;i?;;;[o;
601
;["@/* Prevent overflowing content from breaking the layout. */;@;i?;[;;o;
602
;i;o;
;"visible;@;;;@;["_overflow-y;i?;;;[o;
603
;["?/* In IE6, overflow visible is broken [2]
604
 * 1. http://www.positioniseverything.net/explorer/doubled-margin.html
605
 * 2. http://www.howtocreate.co.uk/wrongWithIE/?chapter=overflow%3Avisible%3B */;@;i?;[;;;2[	[o;5;@;"gutter-width;6"gutter_widtho;5	;@;"zen-gutter-width;i?;6"zen_gutter_width[o;5;@;"box-sizing;6"box_sizingo;5	;@;"zen-box-sizing;i?;6"zen_box_sizing[o;5;@;"flow-direction;6"flow_directiono;5	;@;"zen-float-direction;i?;6"zen_float_direction[o;5;@;"reverse-all-flows;6"reverse_all_flowso;5	;@;"zen-reverse-all-floats;i?;6"zen_reverse_all_floatso;
606
;["_/*
607
 * Apply this to content boxes that need to be cleared below other content boxes.
608
 * */;@;i?;
609
[;
;o;;@;"zen-clear;i?;0;	T;
610
[	o;
611
;[")/* Determine the float direction. */;@;i?;
612
[;
;o;;0;@;o;5	;@;"float-direction;i?;6"float_direction;"dir;i?;
613
[u;6[o:Sass::Script::Variable	:
@options{:
614
@name"reverse-all-floats:
615
@linei?:@underscored_name"reverse_all_floats0[o:Sass::Tree::VariableNode:
@guarded0;@:
616
@expro:Sass::Script::Funcall:@keywords{;@;"zen-direction-flip;i?:@splat0:
617
@args[o;	;@;"dir;i?;	"dir;"dir;i?:@children[o;/;i;o;5	;@;"dir;i?;6"dir;@;["
618
clear;i?;0;1;
619
[;2[[o;5;@;"float-direction;6"float_directiono;5	;@;"zen-float-direction;i?;6"zen_float_direction[o;5;@;"reverse-all-floats;6"reverse_all_floatso;5	;@;"zen-reverse-all-floats;i?;6"zen_reverse_all_floatso;
620
;["B/*
621
 * Apply this to flow items that need to be floated.
622
 * */;@;i?;
623
[;
;o;;@;"zen-float;i?;0;	T;
624
[	o;
625
;[")/* Determine the float direction. */;@;i?;
626
[;
;o;;0;@;o;5	;@;"float-direction;i?;6"float_direction;"dir;i?;
627
[u;6[o:Sass::Script::Variable	:
@options{:
628
@name"reverse-all-floats:
629
@linei?:@underscored_name"reverse_all_floats0[o:Sass::Tree::VariableNode:
@guarded0;@:
630
@expro:Sass::Script::Funcall:@keywords{;@;"zen-direction-flip;i?:@splat0:
631
@args[o;	;@;"dir;i?;	"dir;"dir;i?:@children[o;/;i;o;5	;@;"dir;i?;6"dir;@;["
632
float;i?;0;1;
633
[;2[[o;5;@;"float-direction;6"float_directiono;5	;@;"zen-float-direction;i?;6"zen_float_direction[o;5;@;"reverse-all-floats;6"reverse_all_floatso;5	;@;"zen-reverse-all-floats;i?;6"zen_reverse_all_floatso;
634
;["?/*
635
 * Apply this to an HTML item that is in the normal flow of a document to help
636
 * align it to the grid. Set the $column-span to the number of columns that the
637
 * HTML element should span. For responsive layouts with a percentage-based grid
638
 * width, set the $parent-column-count to the number of columns that the parent
639
 * element spans; fixed-unit layouts using px, em, etc. do not need to specify
640
 * this.
641
 *
642
 * Unlike the zen-grid-item() mixin, this mixin does not float the HTML item; it
643
 * also does not have a half-gutter on each side. By default, it has no gutter
644
 * in the "alpha position" (the left side) and a full gutter in the "omega
645
 * position" (the right side.) You can turn on or off the alpha and omega
646
 * gutters by setting the $alpha-gutter and $omega-gutter parameters to true or
647
 * false.
648
 *
649
 * Note: when the $flow-direction is set to right (for RTL languages), the alpha
650
 * position is on the right and the omega position is on the left.
651
 * */;@;i?;
652
[;
;o;;@;"zen-grid-flow-item;i?;0;	T;
653
[o;;0;@;o;5	;@;"column-count;i?;6"column_count;"columns;i?;
654
[u;[o:Sass::Script::Operation
655
:
@options{:@operator:eq:
656
@linei?:@operand2o:Sass::Script::String	:@value"%;@;	i?:
657
@type:string:@operand1o:Sass::Script::Funcall:@keywords{;@:
658
@name"	unit;	i?:@splat0:
659
@args[o:Sass::Script::Variable	;@;"grid-width;	i?:@underscored_name"grid_width0[u:Sass::Tree::IfNode?[o:Sass::Script::Operation
660
:
@options{:@operator:eq:
661
@linei?:@operand2o:Sass::Script::Bool:@valueF;@;	i?:@operand1o:Sass::Script::Variable	;@:
662
@name"parent-column-count;	i?:@underscored_name"parent_column_countu:Sass::Tree::IfNode?[00[o:Sass::Tree::VariableNode:
@guarded0:
@options{:
663
@expro:Sass::Script::Variable	;@:
664
@name"parent-column-count:
665
@linei?:@underscored_name"parent_column_count;
666
"columns;i?:@children[[o:Sass::Tree::WarnNode	;@:
667
@expro:Sass::Script::String	;"?For responsive layouts with a percentage-based grid width, you must set the $column-count to the number of columns that the parent element spans.;@;	i?:
668
@type:string;	i?:@children[o;;0;@;o;5	;@;"flow-direction;i;6"flow_direction;"dir;i;
669
[u;8[o:Sass::Script::Variable	:
@options{:
670
@name"reverse-all-flows:
671
@linei:@underscored_name"reverse_all_flows0[o:Sass::Tree::VariableNode:
@guarded0;@:
672
@expro:Sass::Script::Funcall:@keywords{;@;"zen-direction-flip;i:@splat0:
673
@args[o;	;@;"dir;i;	"dir;"dir;i:@children[o;;0;@;o;3;4{;@;"zen-direction-flip;i;0;2[o;5	;@;"dir;i;6"dir;"rev;i;
674
[o;
675
;["&/* Calculate the item's width. */;@;i	;
676
[;
;o;;0;@;o;3;4{;@;"zen-grid-item-width;i
677
;0;2[o;5	;@;"column-span;i
678
;6"column_spano;5	;@;"columns;i
679
;6"columnso;5	;@;"grid-width;i
680
;6"grid_width;"
681
width;i
682
;
683
[u;?[o:Sass::Script::Operation
684
:
@options{:@operator:eq:
685
@linei:@operand2o:Sass::Script::String	:@value"content-box;@;	i:
686
@type:identifier:@operand1o:Sass::Script::Variable	;@:
687
@name"box-sizing;	i:@underscored_name"box_sizing0[u:Sass::Tree::IfNode
[o:!Sass::Script::UnaryOperation	:
@operando:Sass::Script::Funcall:@keywords{:
@options{:
688
@name"comparable:
689
@linei:@splat0:
690
@args[o:Sass::Script::Variable	;	@	;
691
"
692
width;i:@underscored_name"
693
widtho;	;	@	;
694
"gutter-width;i;"gutter_width;	@	:@operator:not;i0[o:Sass::Tree::VariableNode:
@guarded0;	@	:
695
@expro;;{;	@	;
696
"	unit;i
;0;
[o;	;	@	;
697
"gutter-width;i
;"gutter_width;
698
"units-gutter;i
:@children[o;;0;	@	;o;;{;	@	;
699
"	unit;i;0;
[o;	;	@	;
700
"grid-width;i;"grid_width;
701
"units-grid;i;[o:Sass::Tree::WarnNode	;	@	;o:&Sass::Script::StringInterpolation
702
:@aftero;
703
;o:Sass::Script::String	:@value").;	@	;i:
704
@type:string;	@	;i:	@mido;	;	@	;
705
"units-grid;i;"units_grid:@beforeo;	;"1 did not match the units of the grid width (;	@	;i;;;	@	;i;o;	;	@	;
706
"units-gutter;i;"units_gutter;o;	;"mThe layout cannot be calculated correctly; when using box-sizing: content-box, the units of the gutter (;	@	;i;;;i;[o:Sass::Tree::VariableNode:
@guarded0;@:
707
@expro;
708
;@;:
709
minus;	i;
710
o;	;@;"gutter-width;	i;"gutter_width;o;	;@;"
711
width;	i;"
712
width;"
713
width;	i:@children[o;/;i;o;5	;@;"
714
width;i;6"
715
width;@;["
716
width;i;0;1;
717
[o;
718
;["*/* Auto-apply the unit base mixin. */;@;i;
719
[;
;u;I[o:Sass::Script::Variable	:
@options{:
720
@name" auto-include-flow-item-base:
721
@linei:@underscored_name" auto_include_flow_item_base0[o:Sass::Tree::MixinNode:@keywords{;@;"zen-grid-item-base;i:@splat0:@children[:
722
@args[o;	;@;"gutter-width;i;	"gutter_widtho;	;@;"box-sizing;i;	"box_sizingo;
723
;["S/* Ensure the HTML item either has a full gutter or no gutter on each side. */;@;i;
724
[;
;o;/;i;o;;"0;@;
;;@;["
padding-o;5	;@;"dir;i;6"dir;i;0;1;
725
[u;[o:Sass::Script::Variable	:
@options{:
726
@name"alpha-gutter:
727
@linei:@underscored_name"alpha_gutter0[o:Sass::Tree::PropNode:
728
@tabsi:@valueo;	;@;"gutter-width;i;	"gutter_width;@;["margin-o;	;@;"dir;i;	"dir;i:@prop_syntax:new:@children[o;;0;@;o;7
729
;@;8:div;i;:o;5	;@;"columns;i;6"columns;;o;7
730
;@;8;9;i;:o;5	;@;"gutter-width;i;6"gutter_width;;o;7
731
;@;8;<;i;:o;5	;@;"column-span;i;6"column_span;;o;5	;@;"columns;i;6"columns;"offset;i;
732
[o;/;i;o;5	;@;"offset;i ;6"offset;@;["
padding-o;5	;@;"rev;i ;6"rev;i ;0;1;
733
[u;?[o:Sass::Script::Variable	:
@options{:
734
@name"omega-gutter:
735
@linei!:@underscored_name"omega_gutteru:Sass::Tree::IfNode%[00[o:Sass::Tree::PropNode:
736
@tabsi:@valueo:!Sass::Script::UnaryOperation	:
@operando:Sass::Script::Variable	:
@options{:
737
@name"offset:
738
@linei%:@underscored_name"offset;@
739
:@operator:
740
minus;
i%;@
741
;["margin-o;
742
	;@
743
;"rev;
i%;"rev;
i%:@prop_syntax:new:@children[[o:Sass::Tree::PropNode:
744
@tabsi:@valueo:Sass::Script::Operation
745
;@:@operator:
746
minus;i":@operand2o;	;@;"offset;i";	"offset:@operand1o;	;@;"gutter-width;i";	"gutter_width;@;["margin-o;	;@;"rev;i";	"rev;i":@prop_syntax:new:@children[;2[[o;5;@;"column-span;6"column_span0[o;5;@;"parent-column-count;6"parent_column_counto;;F;@;i?[o;5;@;"alpha-gutter;6"alpha_guttero;;F;@;i?[o;5;@;"omega-gutter;6"omega_guttero;;T;@;i?[o;5;@;"flow-direction;6"flow_directiono;5	;@;"zen-float-direction;i?;6"zen_float_direction[o;5;@;"column-count;6"column_counto;5	;@;"zen-column-count;i?;6"zen_column_count[o;5;@;"gutter-width;6"gutter_widtho;5	;@;"zen-gutter-width;i?;6"zen_gutter_width[o;5;@;"grid-width;6"grid_widtho;5	;@;"zen-grid-width;i?;6"zen_grid_width[o;5;@;"box-sizing;6"box_sizingo;5	;@;"zen-box-sizing;i?;6"zen_box_sizing[o;5;@;"reverse-all-flows;6"reverse_all_flowso;5	;@;"zen-reverse-all-floats;i?;6"zen_reverse_all_floats[o;5;@;" auto-include-flow-item-base;6" auto_include_flow_item_baseo;5	;@;"$zen-auto-include-flow-item-base;i?;6"$zen_auto_include_flow_item_baseo;
747
;["5/*
748
 * Helper functions for the Zen mixins.
749
 * */;@;i*;
750
[;
;o;
751
;["'/* Returns a half gutter width. */;@;i.;
752
[;
;o:Sass::Tree::FunctionNode;@;"zen-half-gutter;i3;0;	T;
753
[	o;;0;@;o;7
754
;@;8;=;i4;:o;;@;i;[;@;"2;i4;;o;5	;@;"gutter-width;i4;6"gutter_width;"half-gutter;i4;
755
[o;
756
;["G/* Special handling in case gutter has an odd number of pixels. */;@;i5;
757
[;
;u;?[o:Sass::Script::Operation
758
:
@options{:@operator:eq:
759
@linei6:@operand2o:Sass::Script::String	:@value"px;@;	i6:
760
@type:string:@operand1o:Sass::Script::Funcall:@keywords{;@:
761
@name"	unit;	i6:@splat0:
762
@args[o:Sass::Script::Variable	;@;"gutter-width;	i6:@underscored_name"gutter_width0[u:Sass::Tree::IfNode?[o:Sass::Script::Operation
763
:
@options{:@operator:eq:
764
@linei7:@operand2o:Sass::Script::Variable	;@:
765
@name"flow-direction;	i7:@underscored_name"flow_direction:@operand1o;	;@;"gutter-side;	i7;
"gutter_sideu:Sass::Tree::IfNode?[00[o:Sass::Tree::ReturnNode	:
@options{:
766
@expro:Sass::Script::Funcall:@keywords{;@:
767
@name"	ceil:
768
@linei;:@splat0:
769
@args[o:Sass::Script::Variable	;@;
770
"half-gutter;i;:@underscored_name"half_gutter;i;:@children[[o:Sass::Tree::ReturnNode	;@:
771
@expro:Sass::Script::Funcall:@keywords{;@;"
772
floor;	i8:@splat0:
773
@args[o;	;@;"half-gutter;	i8;
"half_gutter;	i8:@children[o:Sass::Tree::ReturnNode	;@;o;5	;@;"half-gutter;i>;6"half_gutter;i>;
774
[;2[[o;5;@;"gutter-width;6"gutter_widtho;5	;@;"zen-gutter-width;i0;6"zen_gutter_width[o;5;@;"gutter-side;6"gutter_sideo;5	;@;"zen-float-direction;i1;6"zen_float_direction[o;5;@;"flow-direction;6"flow_directiono;5	;@;"zen-float-direction;i2;6"zen_float_directiono;
775
;["1/* Calculates the unit width of a column. */;@;iA;
776
[;
;o;>;@;"zen-unit-width;iE;0;	T;
777
[o;;0;@;o;7
778
;@;8;=;iF;:o;5	;@;"column-count;iF;6"column_count;;o;5	;@;"grid-width;iF;6"grid_width;"unit-width;iF;
779
[u;?[o:Sass::Script::Operation
780
:
@options{:@operator:and:
781
@lineiG:@operand2o;
782
;@;:neq;	iG;
783
o:Sass::Script::Funcall:@keywords{;@:
784
@name"	ceil;	iG:@splat0:
785
@args[o:Sass::Script::Variable	;@;"unit-width;	iG:@underscored_name"unit_width:@operand1o;;
{;@;"
786
floor;	iG;0;[o;	;@;"unit-width;	iG;"unit_width;o;
787
;@;:eq;	iG;
788
o:Sass::Script::String	:@value"px;@;	iG:
789
@type:string;o;;
{;@;"	unit;	iG;0;[o;	;@;"unit-width;	iG;"unit_width0[o:Sass::Tree::WarnNode	;@:
790
@expro:&Sass::Script::StringInterpolation
791
:@aftero;
792
;o;	;" columns.;@;	iH;;;@;	iH:	@mido;	;@;"column-count;	iH;"column_count:@beforeo;	;"#, does not divide evenly into ;@;	iH;;;@;	iH;o;	;@;"grid-width;	iH;"grid_width;o;	;";You may experience rounding errors as the grid width, ;@;	iH;;;	iH:@children[o;?	;@;o;5	;@;"unit-width;iJ;6"unit_width;iJ;
793
[;2[[o;5;@;"column-count;6"column_counto;5	;@;"zen-column-count;iC;6"zen_column_count[o;5;@;"grid-width;6"grid_widtho;5	;@;"zen-grid-width;iD;6"zen_grid_widtho;
794
;["Z/* Calculates the width of a grid item that spans the specified number of columns. */;@;iM;
795
[;
;o;>;@;"zen-grid-item-width;iR;0;	T;
796
[o;?	;@;o;7
797
;@;8;9;iS;:o;3;4{;@;"zen-unit-width;iS;0;2[o;5	;@;"column-count;iS;6"column_counto;5	;@;"grid-width;iS;6"grid_width;;o;5	;@;"column-span;iS;6"column_span;iS;
798
[;2[[o;5;@;"column-span;6"column_span0[o;5;@;"column-count;6"column_counto;5	;@;"zen-column-count;iP;6"zen_column_count[o;5;@;"grid-width;6"grid_widtho;5	;@;"zen-grid-width;iQ;6"zen_grid_widtho;
799
;["C/* Returns the opposite direction, given "left" or "right". */;@;iV;
800
[;
;o;>;@;"zen-direction-flip;iW;0;	T;
801
[u;G[o:Sass::Script::Operation
802
:
@options{:@operator:eq:
803
@lineiX:@operand2o:Sass::Script::String	:@value"	left;@;	iX:
804
@type:identifier:@operand1o:Sass::Script::Variable	;@:
805
@name"dir;	iX:@underscored_name"diru:Sass::Tree::IfNode?[o:Sass::Script::Operation
806
:
@options{:@operator:eq:
807
@linei[:@operand2o:Sass::Script::String	:@value"
808
right;@;	i[:
809
@type:identifier:@operand1o:Sass::Script::Variable	;@:
810
@name"dir;	i[:@underscored_name"diru:Sass::Tree::IfNode?[o:Sass::Script::Operation
811
:
@options{:@operator:or:
812
@linei^:@operand2o;
813
;@;:eq;	i^;
814
o:Sass::Script::String	:@value"	both;@;	i^:
815
@type:identifier:@operand1o:Sass::Script::Variable	;@:
816
@name"dir;	i^:@underscored_name"dir;o;
817
;@;;;	i^;
818
o;	;
"	none;@;	i^;;;o;	;@;"dir;	i^;"dir0[o:Sass::Tree::ReturnNode	;@:
819
@expro;	;@;"dir;	i_;"dir;	i_:@children[[o:Sass::Tree::ReturnNode	;@:
820
@expro;	;"	left;@;	i\;
;;	i\:@children[[o:Sass::Tree::ReturnNode	;@:
821
@expro;	;"
822
right;@;	iY;
;;	iY:@children[o:Sass::Tree::WarnNode	;@;o;	;"6Invalid direction passed to zen-direction-flip().;@;ia;
;;ia;
823
[o;?	;@;o;	;"	both;@;ib;
;;ib;
824
[;2[[o;5;@;"dir;6"dir0
7.x/themes/zen_dataportal/.sass-cache/7b66f216ba48720b6444fb2f0e15ba21ed3d1f53/_vertical_rhythm.scssc
1
3.2.1 (Media Mark)
2
4d841ba3188ec7fb4d64ce5dbeffee4b3766dc72
3
o:Sass::Tree::RootNode
4
:@template"?"@import "compass/layout/grid-background";
5

  
6
// The base font size.
7
$base-font-size: 16px !default;
8

  
9
// The base line height determines the basic unit of vertical rhythm.
10
$base-line-height: 24px !default;
11

  
12
// Set the default border style for rhythm borders.
13
$default-rhythm-border-style: solid !default;
14

  
15
// The default font size in all browsers.
16
$browser-default-font-size: 16px;
17

  
18
// Set to false if you want to use absolute pixels in sizing your typography.
19
$relative-font-sizing: true !default;
20

  
21
// Allows the `adjust-font-size-to` mixin and the `lines-for-font-size` function
22
// to round the line height to the nearest half line height instead of the
23
// nearest integral line height to avoid large spacing between lines.
24
$round-to-nearest-half-line: false !default;
25

  
26
// Ensure there is at least this many pixels
27
// of vertical padding above and below the text.
28
$min-line-padding: 2px !default;
29

  
30
// $base-font-size but in your output unit of choice.
31
// Defaults to 1em when `$relative-font-sizing` is true.
32
$font-unit: if($relative-font-sizing, 1em, $base-font-size) !default;
33

  
34
// The basic unit of font rhythm.
35
$base-rhythm-unit: $base-line-height / $base-font-size * $font-unit;
36

  
37
// The leader is the amount of whitespace in a line.
38
// It might be useful in your calculations.
39
$base-leader: ($base-line-height - $base-font-size) * $font-unit / $base-font-size;
40

  
41
// The half-leader is the amount of whitespace above and below a line.
42
// It might be useful in your calculations.
43
$base-half-leader: $base-leader / 2;
44

  
45
// True if a number has a relative unit.
46
@function relative-unit($number) {
47
  @return unit($number) == "%" or unit($number) == "em" or unit($number) == "rem"
48
}
49

  
50
// True if a number has an absolute unit.
51
@function absolute-unit($number) {
52
  @return not (relative-unit($number) or unitless($number));
53
}
54

  
55
@if $relative-font-sizing and not relative-unit($font-unit) {
56
  @warn "$relative-font-sizing is true but $font-unit is set to #{$font-unit} which is not a relative unit.";
57
}
58

  
59
// Establishes a font baseline for the given font-size.
60
@mixin establish-baseline($font-size: $base-font-size) {
61
  // IE 6 refuses to resize fonts set in pixels and it weirdly resizes fonts
62
  // whose root is set in ems. So we set the root font size in percentages of
63
  // the default font size.
64
  * html {
65
    font-size: 100% * ($font-size / $browser-default-font-size);
66
  }
67
  html {
68
    font-size: $font-size;
69
    @include adjust-leading-to(1, if($relative-font-sizing, $font-size, $base-font-size));
70
  }
71
}
72

  
73
// Resets the line-height to 1 vertical rhythm unit.
74
// Does not work on elements whose font-size is different from $base-font-size.
75
//
76
// @deprecated This mixin will be removed in the next release.
77
// Please use the `adjust-leading-to` mixin instead.
78
@mixin reset-baseline {
79
  @include adjust-leading-to(1, if($relative-font-sizing, $base-font-size, $base-font-size));
80
}
81

  
82
// Show a background image that can be used to debug your alignments.
83
// Include the $img argument if you would rather use your own image than the
84
// Compass default gradient image.
85
@mixin debug-vertical-alignment($img: false) {
86
  @if $img {
87
    background: image-url($img);
88
  } @else {
89
    @include baseline-grid-background($base-rhythm-unit);
90
  }
91
}
92

  
93
// Adjust a block to have a different font size and line height to maintain the
94
// rhythm. $lines specifies how many multiples of the baseline rhythm each line
95
// of this font should use up. It does not have to be an integer, but it
96
// defaults to the smallest integer that is large enough to fit the font.
97
// Use $from-size to adjust from a font-size other than the base font-size.
98
@mixin adjust-font-size-to($to-size, $lines: lines-for-font-size($to-size), $from-size: $base-font-size) {
99
  @if not $relative-font-sizing and $from-size != $base-font-size {
100
    @warn "$relative-font-sizing is false but a relative font size was passed to adjust-font-size-to";
101
  }
102
  font-size: $font-unit * $to-size / $from-size;
103
  @include adjust-leading-to($lines, if($relative-font-sizing, $to-size, $base-font-size));
104
}
105

  
106
// Adjust a block to have different line height to maintain the rhythm.
107
// $lines specifies how many multiples of the baseline rhythm each line of this
108
// font should use up. It does not have to be an integer, but it defaults to the
109
// smallest integer that is large enough to fit the font.
110
@mixin adjust-leading-to($lines, $font-size: $base-font-size) {
111
  line-height: rhythm($lines, $font-size);
112
}
113

  
114
// Calculate rhythm units.
115
@function rhythm(
116
  $lines: 1,
117
  $font-size: $base-font-size,
118
  $offset: 0
119
) {
120
  @if not $relative-font-sizing and $font-size != $base-font-size {
121
    @warn "$relative-font-sizing is false but a relative font size was passed to the rhythm function";
122
  }
123
  $rhythm: $font-unit * ($lines * $base-line-height - $offset) / $font-size;
124
  // Round the pixels down to nearest integer.
125
  @if unit($rhythm) == px {
126
    $rhythm: floor($rhythm);
127
  }
128
  @return $rhythm;
129
}
130

  
131
// Calculate the minimum multiple of rhythm units needed to contain the font-size.
132
@function lines-for-font-size($font-size) {
133
  $lines: if($round-to-nearest-half-line,
134
              ceil(2 * $font-size / $base-line-height) / 2,
135
              ceil($font-size / $base-line-height));
136
  @if $lines * $base-line-height - $font-size < $min-line-padding * 2 {
137
    $lines: $lines + if($round-to-nearest-half-line, 0.5, 1);
138
  }
139
  @return $lines;
140
}
141

  
142
// Apply leading whitespace. The $property can be margin or padding.
143
@mixin leader($lines: 1, $font-size: $base-font-size, $property: margin) {
144
  #{$property}-top: rhythm($lines, $font-size);
145
}
146

  
147
// Apply leading whitespace as padding.
148
@mixin padding-leader($lines: 1, $font-size: $base-font-size) {
149
  padding-top: rhythm($lines, $font-size);
150
}
151

  
152
// Apply leading whitespace as margin.
153
@mixin margin-leader($lines: 1, $font-size: $base-font-size) {
154
  margin-top: rhythm($lines, $font-size);
155
}
156

  
157
// Apply trailing whitespace. The $property can be margin or padding.
158
@mixin trailer($lines: 1, $font-size: $base-font-size, $property: margin) {
159
  #{$property}-bottom: rhythm($lines, $font-size);
160
}
161

  
162
// Apply trailing whitespace as padding.
163
@mixin padding-trailer($lines: 1, $font-size: $base-font-size) {
164
  padding-bottom: rhythm($lines, $font-size);
165
}
166

  
167
// Apply trailing whitespace as margin.
168
@mixin margin-trailer($lines: 1, $font-size: $base-font-size) {
169
  margin-bottom: rhythm($lines, $font-size);
170
}
171

  
172
// Shorthand mixin to apply whitespace for top and bottom margins and padding.
173
@mixin rhythm($leader: 0, $padding-leader: 0, $padding-trailer: 0, $trailer: 0, $font-size: $base-font-size) {
174
  @include leader($leader, $font-size);
175
  @include padding-leader($padding-leader, $font-size);
176
  @include padding-trailer($padding-trailer, $font-size);
177
  @include trailer($trailer, $font-size);
178
}
179

  
180
// Apply a border and whitespace to any side without destroying the vertical
181
// rhythm. The whitespace must be greater than the width of the border.
182
@mixin apply-side-rhythm-border($side, $width: 1px, $lines: 1, $font-size: $base-font-size, $border-style: $default-rhythm-border-style) {
183
  @if not $relative-font-sizing and $font-size != $base-font-size {
184
    @warn "$relative-font-sizing is false but a relative font size was passed to apply-side-rhythm-border";
185
  }
186
  border-#{$side}: {
187
    style: $border-style;
188
    width: $font-unit * $width / $font-size;
189
  };
190
  padding-#{$side}: rhythm($lines, $font-size, $offset: $width);
191
}
192

  
193
// Apply borders and whitespace equally to all sides.
194
@mixin rhythm-borders($width: 1px, $lines: 1, $font-size: $base-font-size, $border-style: $default-rhythm-border-style) {
195
  @if not $relative-font-sizing and $font-size != $base-font-size {
196
    @warn "$relative-font-sizing is false but a relative font size was passed to rhythm-borders";
197
  }
198
  border: {
199
    style: $border-style;
200
    width: $font-unit * $width / $font-size;
201
  };
202
  padding: rhythm($lines, $font-size, $offset: $width);
203
}
204

  
205
// Apply a leading border.
206
@mixin leading-border($width: 1px, $lines: 1, $font-size: $base-font-size, $border-style: $default-rhythm-border-style) {
207
  @include apply-side-rhythm-border(top, $width, $lines, $font-size, $border-style);
208
}
209

  
210
// Apply a trailing border.
211
@mixin trailing-border($width: 1px, $lines: 1, $font-size: $base-font-size, $border-style: $default-rhythm-border-style) {
212
  @include apply-side-rhythm-border(bottom, $width, $lines, $font-size, $border-style);
213
}
214

  
215
// Apply both leading and trailing borders.
216
@mixin horizontal-borders($width: 1px, $lines: 1, $font-size: $base-font-size, $border-style: $default-rhythm-border-style) {
217
  @include leading-border($width, $lines, $font-size, $border-style);
218
  @include trailing-border($width, $lines, $font-size, $border-style);
219
}
220

  
221
// Alias for `horizontal-borders` mixin.
222
@mixin h-borders($width: 1px, $lines: 1, $font-size: $base-font-size, $border-style: $default-rhythm-border-style) {
223
  @include horizontal-borders($width, $lines, $font-size, $border-style);
224
}
225
:
@options{:
226
@linei:@has_childrenT:@children[Io:Sass::Tree::ImportNode
227
;0;@;i;
228
[:@imported_filename"#compass/layout/grid-backgroundo:Sass::Tree::CommentNode
229
:@value["/* The base font size. */;@;i;
230
[:
231
@type:silento:Sass::Tree::VariableNode:
@guarded"
!default;@:
232
@expro:Sass::Script::Number:@denominator_units[;i:@numerator_units["px;@:@original"	16px;i	:
233
@name"base-font-size;i	;
234
[o;
235
;["M/* The base line height determines the basic unit of vertical rhythm. */;@;i;
236
[;;o;;"
!default;@;o;;[;i;["px;@;"	24px;i;"base-line-height;i;
237
[o;
238
;[";/* Set the default border style for rhythm borders. */;@;i;
239
[;;o;;"
!default;@;o:Sass::Script::String	;"
240
solid;@;i;:identifier;" default-rhythm-border-style;i;
241
[o;
242
;["1/* The default font size in all browsers. */;@;i;
243
[;;o;;0;@;o;;[;i;["px;@;"	16px;i;"browser-default-font-size;i;
244
[o;
245
;["U/* Set to false if you want to use absolute pixels in sizing your typography. */;@;i;
246
[;;o;;"
!default;@;o:Sass::Script::Bool;T;@;i;"relative-font-sizing;i;
247
[o;
248
;["?/* Allows the `adjust-font-size-to` mixin and the `lines-for-font-size` function
249
 * to round the line height to the nearest half line height instead of the
250
 * nearest integral line height to avoid large spacing between lines. */;@;i;
251
[;;o;;"
!default;@;o;;F;@;i;"round-to-nearest-half-line;i;
252
[o;
253
;["e/* Ensure there is at least this many pixels
254
 * of vertical padding above and below the text. */;@;i;
255
[;;o;;"
!default;@;o;;[;i;["px;@;"2px;i;"min-line-padding;i;
256
[o;
257
;["v/* $base-font-size but in your output unit of choice.
258
 * Defaults to 1em when `$relative-font-sizing` is true. */;@;i ;
259
[;;o;;"
!default;@;o:Sass::Script::Funcall:@keywords{;@;"if;i":@splat0:
260
@args[o:Sass::Script::Variable	;@;"relative-font-sizing;i":@underscored_name"relative_font_sizingo;;[;i;["em;@;"1em;i"o; 	;@;"base-font-size;i";!"base_font_size;"font-unit;i";
261
[o;
262
;[")/* The basic unit of font rhythm. */;@;i$;
263
[;;o;;0;@;o:Sass::Script::Operation
264
;@:@operator:
265
times;i%:@operand2o; 	;@;"font-unit;i%;!"font_unit:@operand1o;"
266
;@;#:div;i%;%o; 	;@;"base-font-size;i%;!"base_font_size;&o; 	;@;"base-line-height;i%;!"base_line_height;"base-rhythm-unit;i%;
267
[o;
268
;["h/* The leader is the amount of whitespace in a line.
269
 * It might be useful in your calculations. */;@;i';
270
[;;o;;0;@;o;"
271
;@;#;';i);%o; 	;@;"base-font-size;i);!"base_font_size;&o;"
272
;@;#;$;i);%o; 	;@;"font-unit;i);!"font_unit;&o;"
273
;@;#:
274
minus;i);%o; 	;@;"base-font-size;i);!"base_font_size;&o; 	;@;"base-line-height;i);!"base_line_height;"base-leader;i);
275
[o;
276
;["z/* The half-leader is the amount of whitespace above and below a line.
277
 * It might be useful in your calculations. */;@;i+;
278
[;;o;;0;@;o;"
279
;@;#;';i-;%o;;[;i;[;@;"2;i-;&o; 	;@;"base-leader;i-;!"base_leader;"base-half-leader;i-;
280
[o;
281
;["0/* True if a number has a relative unit. */;@;i/;
282
[;;o:Sass::Tree::FunctionNode;@;"relative-unit;i0;0;	T;
283
[o:Sass::Tree::ReturnNode	;@;o;"
284
;@;#:or;i1;%o;"
285
;@;#:eq;i1;%o;	;"rem;@;i1;:string;&o;;{;@;"	unit;i1;0;[o; 	;@;"number;i1;!"number;&o;"
286
;@;#;+;i1;%o;"
287
;@;#;,;i1;%o;	;"em;@;i1;;-;&o;;{;@;"	unit;i1;0;[o; 	;@;"number;i1;!"number;&o;"
288
;@;#;,;i1;%o;	;"%;@;i1;;-;&o;;{;@;"	unit;i1;0;[o; 	;@;"number;i1;!"number;i2;
289
[;[[o; ;@;"number;!"number0o;
290
;["1/* True if a number has an absolute unit. */;@;i4;
291
[;;o;);@;"absolute-unit;i5;0;	T;
292
[o;*	;@;o:!Sass::Script::UnaryOperation	:
@operando;"
293
;@;#;+;i6;%o;;{;@;"
unitless;i6;0;[o; 	;@;"number;i6;!"number;&o;;{;@;"relative-unit;i6;0;[o; 	;@;"number;i6;!"number;@;#:not;i6;i6;
294
[;[[o; ;@;"number;!"number0u:Sass::Tree::IfNode?[o:Sass::Script::Operation
295
:
@options{:@operator:and:
296
@linei9:@operand2o:!Sass::Script::UnaryOperation	:
@operando:Sass::Script::Funcall:@keywords{;@:
297
@name"relative-unit;	i9:@splat0:
298
@args[o:Sass::Script::Variable	;@;"font-unit;	i9:@underscored_name"font_unit;@;:not;	i9:@operand1o;	;@;"relative-font-sizing;	i9;"relative_font_sizing0[o:Sass::Tree::WarnNode	;@:
299
@expro:&Sass::Script::StringInterpolation
300
:@aftero:Sass::Script::String	:@value"# which is not a relative unit.;@;	i::
301
@type:string;@;	i::	@mido;	;@;"font-unit;	i:;"font_unit:@beforeo;	;"<$relative-font-sizing is true but $font-unit is set to ;@;	i:;;;	i::@children[o;
302
;["?/* Establishes a font baseline for the given font-size. */;@;i=;
303
[;;o:Sass::Tree::MixinDefNode;@;"establish-baseline;i>;0;	T;
304
[o;
305
;["?/* IE 6 refuses to resize fonts set in pixels and it weirdly resizes fonts
306
 * whose root is set in ems. So we set the root font size in percentages of
307
 * the default font size. */;@;i?;
308
[;;o:Sass::Tree::RuleNode:
309
@tabsi:
310
@rule["* html;@;iB:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename";iB:
@members[o:Sass::Selector::Sequence;9[o:#Sass::Selector::SimpleSequence
311
:
@subject0;8@;iB;9[o:Sass::Selector::Universal:@namespace0;8@;iB:
@sourceso:Set:
312
@hash{o;;
313
;<0;8@;iB;9[o:Sass::Selector::Element	;>0;8@;["	html;iB;?o;@;A{;	T;
314
[o:Sass::Tree::PropNode;4i;o;"
315
;@;#;$;iC;%o;"
316
;@;#;';iC;%o; 	;@;"browser-default-font-size;iC;!"browser_default_font_size;&o; 	;@;"font-size;iC;!"font_size;&o;;[;ii;["%;@;"	100%;iC;@;["font-size;iC:@prop_syntax:new;
317
[o;3;4i;5["	html;@;iE;6o;7;8";iE;9[o;:;9[o;;
318
;<0;8@&;iE;9[o;B	;>0;8@&;["	html;iE;?o;@;A{;	T;
319
[o;C;4i;o; 	;@;"font-size;iF;!"font_size;@;["font-size;iF;D;E;
320
[o:Sass::Tree::MixinNode;{;@;"adjust-leading-to;iG;0;
321
[;[o;;@?;i;[;@;"1;iGo;;{;@;"if;iG;0;[o; 	;@;"relative-font-sizing;iG;!"relative_font_sizingo; 	;@;"font-size;iG;!"font_sizeo; 	;@;"base-font-size;iG;!"base_font_size;[[o; ;@;"font-size;!"font_sizeo; 	;@;"base-font-size;i>;!"base_font_sizeo;
322
;["?/* Resets the line-height to 1 vertical rhythm unit.
323
 * Does not work on elements whose font-size is different from $base-font-size.
324
 *
325
 * @deprecated This mixin will be removed in the next release.
326
 * Please use the `adjust-leading-to` mixin instead. */;@;iK;
327
[;;o;2;@;"reset-baseline;iP;0;	T;
328
[o;F;{;@;"adjust-leading-to;iQ;0;
329
[;[o;;@?;i;[;@;"1;iQo;;{;@;"if;iQ;0;[o; 	;@;"relative-font-sizing;iQ;!"relative_font_sizingo; 	;@;"base-font-size;iQ;!"base_font_sizeo; 	;@;"base-font-size;iQ;!"base_font_size;[o;
330
;["?/* Show a background image that can be used to debug your alignments.
331
 * Include the $img argument if you would rather use your own image than the
332
 * Compass default gradient image. */;@;iT;
333
[;;o;2;@;"debug-vertical-alignment;iW;0;	T;
334
[u;1[o:Sass::Script::Variable	:
@options{:
335
@name"img:
336
@lineiX:@underscored_name"imgu:Sass::Tree::IfNode?[00[o:Sass::Tree::MixinNode:@keywords{:
@options{:
337
@name"baseline-grid-background:
338
@linei[:@splat0:@children[:
339
@args[o:Sass::Script::Variable	;@	;"base-rhythm-unit;	i[:@underscored_name"base_rhythm_unit[o:Sass::Tree::PropNode:
340
@tabsi:@valueo:Sass::Script::Funcall:@keywords{;@;"image-url;iY:@splat0:
341
@args[o;	;@;"img;iY;	"img;@;["background;iY:@prop_syntax:new:@children[;[[o; ;@;"img;!"imgo;;F;@;iWo;
342
;["?/* Adjust a block to have a different font size and line height to maintain the
343
 * rhythm. $lines specifies how many multiples of the baseline rhythm each line
344
 * of this font should use up. It does not have to be an integer, but it
345
 * defaults to the smallest integer that is large enough to fit the font.
346
 * Use $from-size to adjust from a font-size other than the base font-size. */;@;i_;
347
[;;o;2;@;"adjust-font-size-to;id;0;	T;
348
[u;11[o:Sass::Script::Operation
349
:
@options{:@operator:and:
350
@lineie:@operand2o;
351
;@;:neq;	ie;
352
o:Sass::Script::Variable	;@:
353
@name"base-font-size;	ie:@underscored_name"base_font_size:@operand1o;	;@;
"from-size;	ie;"from_size;o:!Sass::Script::UnaryOperation	:
@operando;	;@;
"relative-font-sizing;	ie;"relative_font_sizing;@;:not;	ie0[o:Sass::Tree::WarnNode	;@:
354
@expro:Sass::Script::String	:@value"^$relative-font-sizing is false but a relative font size was passed to adjust-font-size-to;@;	if:
355
@type:string;	if:@children[o;C;4i;o;"
356
;@;#;';ih;%o; 	;@;"from-size;ih;!"from_size;&o;"
357
;@;#;$;ih;%o; 	;@;"to-size;ih;!"to_size;&o; 	;@;"font-unit;ih;!"font_unit;@;["font-size;ih;D;E;
358
[o;F;{;@;"adjust-leading-to;ii;0;
359
[;[o; 	;@;"
360
lines;ii;!"
361
lineso;;{;@;"if;ii;0;[o; 	;@;"relative-font-sizing;ii;!"relative_font_sizingo; 	;@;"to-size;ii;!"to_sizeo; 	;@;"base-font-size;ii;!"base_font_size;[[o; ;@;"to-size;!"to_size0[o; ;@;"
362
lines;!"
363
lineso;;{;@;"lines-for-font-size;id;0;[o; 	;@;"to-size;id;!"to_size[o; ;@;"from-size;!"from_sizeo; 	;@;"base-font-size;id;!"base_font_sizeo;
364
;["%/* Adjust a block to have different line height to maintain the rhythm.
365
 * $lines specifies how many multiples of the baseline rhythm each line of this
366
 * font should use up. It does not have to be an integer, but it defaults to the
367
 * smallest integer that is large enough to fit the font. */;@;il;
368
[;;o;2;@;"adjust-leading-to;ip;0;	T;
369
[o;C;4i;o;;{;@;"rhythm;iq;0;[o; 	;@;"
370
lines;iq;!"
371
lineso; 	;@;"font-size;iq;!"font_size;@;["line-height;iq;D;E;
372
[;[[o; ;@;"
373
lines;!"
374
lines0[o; ;@;"font-size;!"font_sizeo; 	;@;"base-font-size;ip;!"base_font_sizeo;
375
;[""/* Calculate rhythm units. */;@;it;
376
[;;o;);@;"rhythm;iy;0;	T;
377
[
378
u;11[o:Sass::Script::Operation
379
:
@options{:@operator:and:
380
@lineiz:@operand2o;
381
;@;:neq;	iz;
382
o:Sass::Script::Variable	;@:
383
@name"base-font-size;	iz:@underscored_name"base_font_size:@operand1o;	;@;
"font-size;	iz;"font_size;o:!Sass::Script::UnaryOperation	:
@operando;	;@;
"relative-font-sizing;	iz;"relative_font_sizing;@;:not;	iz0[o:Sass::Tree::WarnNode	;@:
384
@expro:Sass::Script::String	:@value"^$relative-font-sizing is false but a relative font size was passed to the rhythm function;@;	i{:
385
@type:string;	i{:@children[o;;0;@;o;"
386
;@;#;';i};%o; 	;@;"font-size;i};!"font_size;&o;"
387
;@;#;$;i};%o;"
388
;@;#;(;i};%o; 	;@;"offset;i};!"offset;&o;"
389
;@;#;$;i};%o; 	;@;"base-line-height;i};!"base_line_height;&o; 	;@;"
390
lines;i};!"
391
lines;&o; 	;@;"font-unit;i};!"font_unit;"rhythm;i};
392
[o;
393
;["4/* Round the pixels down to nearest integer. */;@;i~;
394
[;;u;1?[o:Sass::Script::Operation
395
:
@options{:@operator:eq:
396
@linei:@operand2o:Sass::Script::String	:@value"px;@;	i:
397
@type:identifier:@operand1o:Sass::Script::Funcall:@keywords{;@:
398
@name"	unit;	i:@splat0:
399
@args[o:Sass::Script::Variable	;@;"rhythm;	i:@underscored_name"rhythm0[o:Sass::Tree::VariableNode:
@guarded0;@:
400
@expro;;{;@;"
401
floor;	i{;0;[o;	;@;"rhythm;	i{;"rhythm;"rhythm;	i{:@children[o;*	;@;o; 	;@;"rhythm;i};!"rhythm;i};
402
[;[[o; ;@;"
403
lines;!"
404
lineso;;@?;i;[;@;"1;iv[o; ;@;"font-size;!"font_sizeo; 	;@;"base-font-size;iw;!"base_font_size[o; ;@;"offset;!"offseto;;@?;i;[;@;"0;ixo;
405
;["Z/* Calculate the minimum multiple of rhythm units needed to contain the font-size. */;@;i?;
406
[;;o;);@;"lines-for-font-size;i?;0;	T;
407
[o;;0;@;o;;{;@;"if;i?;0;[o; 	;@;"round-to-nearest-half-line;i?;!"round_to_nearest_half_lineo;"
408
;@;#;';i?;%o;;@?;i;[;@;"2;i?;&o;;{;@;"	ceil;i?;0;[o;"
409
;@;#;';i?;%o; 	;@;"base-line-height;i?;!"base_line_height;&o;"
410
;@;#;$;i?;%o; 	;@;"font-size;i?;!"font_size;&o;;@?;i;[;@;"2;i?o;;{;@;"	ceil;i?;0;[o;"
411
;@;#;';i?;%o; 	;@;"base-line-height;i?;!"base_line_height;&o; 	;@;"font-size;i?;!"font_size;"
412
lines;i?;
413
[u;1;[o:Sass::Script::Operation
414
:
@options{:@operator:lt:
415
@linei?:@operand2o;
416
;@;:
417
times;	i?;
418
o:Sass::Script::Number:@denominator_units[:@valuei:@numerator_units[;@:@original"2;	i?:@operand1o:Sass::Script::Variable	;@:
419
@name"min-line-padding;	i?:@underscored_name"min_line_padding;o;
420
;@;:
421
minus;	i?;
422
o;	;@;"font-size;	i?;"font_size;o;
423
;@;;;	i?;
424
o;	;@;"base-line-height;	i?;"base_line_height;o;	;@;"
425
lines;	i?;"
426
lines0[o:Sass::Tree::VariableNode:
@guarded0;@:
427
@expro;
428
;@;:	plus;	i?;
429
o:Sass::Script::Funcall:@keywords{;@;"if;	i?:@splat0:
430
@args[o;	;@;"round-to-nearest-half-line;	i?;"round_to_nearest_half_lineo;;
@
431
;f0.5;[;@;"0.5;	i?o;;
@
432
;i;[;@;"1;	i?;o;	;@;"
433
lines;	i?;"
434
lines;"
435
lines;	i?:@children[o;*	;@;o; 	;@;"
436
lines;i?;!"
437
lines;i?;
438
[;[[o; ;@;"font-size;!"font_size0o;
439
;["L/* Apply leading whitespace. The $property can be margin or padding. */;@;i?;
440
[;;o;2;@;"leader;i?;0;	T;
441
[o;C;4i;o;;{;@;"rhythm;i?;0;[o; 	;@;"
442
lines;i?;!"
443
lineso; 	;@;"font-size;i?;!"font_size;@;[o; 	;@;"
property;i?;!"
property"	-top;i?;D;E;
444
[;[[o; ;@;"
445
lines;!"
446
lineso;;@?;i;[;@;"1;i?[o; ;@;"font-size;!"font_sizeo; 	;@;"base-font-size;i?;!"base_font_size[o; ;@;"
property;!"
propertyo;	;"margin;@;i?;;o;
447
;["//* Apply leading whitespace as padding. */;@;i?;
448
[;;o;2;@;"padding-leader;i?;0;	T;
449
[o;C;4i;o;;{;@;"rhythm;i?;0;[o; 	;@;"
450
lines;i?;!"
451
lineso; 	;@;"font-size;i?;!"font_size;@;["padding-top;i?;D;E;
452
[;[[o; ;@;"
453
lines;!"
454
lineso;;@?;i;[;@;"1;i?[o; ;@;"font-size;!"font_sizeo; 	;@;"base-font-size;i?;!"base_font_sizeo;
455
;["./* Apply leading whitespace as margin. */;@;i?;
456
[;;o;2;@;"margin-leader;i?;0;	T;
457
[o;C;4i;o;;{;@;"rhythm;i?;0;[o; 	;@;"
458
lines;i?;!"
459
lineso; 	;@;"font-size;i?;!"font_size;@;["margin-top;i?;D;E;
460
[;[[o; ;@;"
461
lines;!"
462
lineso;;@?;i;[;@;"1;i?[o; ;@;"font-size;!"font_sizeo; 	;@;"base-font-size;i?;!"base_font_sizeo;
463
;["M/* Apply trailing whitespace. The $property can be margin or padding. */;@;i?;
464
[;;o;2;@;"trailer;i?;0;	T;
465
[o;C;4i;o;;{;@;"rhythm;i?;0;[o; 	;@;"
466
lines;i?;!"
467
lineso; 	;@;"font-size;i?;!"font_size;@;[o; 	;@;"
property;i?;!"
property"-bottom;i?;D;E;
468
[;[[o; ;@;"
469
lines;!"
470
lineso;;@?;i;[;@;"1;i?[o; ;@;"font-size;!"font_sizeo; 	;@;"base-font-size;i?;!"base_font_size[o; ;@;"
property;!"
propertyo;	;"margin;@;i?;;o;
471
;["0/* Apply trailing whitespace as padding. */;@;i?;
472
[;;o;2;@;"padding-trailer;i?;0;	T;
473
[o;C;4i;o;;{;@;"rhythm;i?;0;[o; 	;@;"
474
lines;i?;!"
475
lineso; 	;@;"font-size;i?;!"font_size;@;["padding-bottom;i?;D;E;
476
[;[[o; ;@;"
477
lines;!"
478
lineso;;@?;i;[;@;"1;i?[o; ;@;"font-size;!"font_sizeo; 	;@;"base-font-size;i?;!"base_font_sizeo;
479
;["//* Apply trailing whitespace as margin. */;@;i?;
480
[;;o;2;@;"margin-trailer;i?;0;	T;
481
[o;C;4i;o;;{;@;"rhythm;i?;0;[o; 	;@;"
482
lines;i?;!"
483
lineso; 	;@;"font-size;i?;!"font_size;@;["margin-bottom;i?;D;E;
484
[;[[o; ;@;"
485
lines;!"
486
lineso;;@?;i;[;@;"1;i?[o; ;@;"font-size;!"font_sizeo; 	;@;"base-font-size;i?;!"base_font_sizeo;
487
;["V/* Shorthand mixin to apply whitespace for top and bottom margins and padding. */;@;i?;
488
[;;o;2;@;"rhythm;i?;0;	T;
... This diff was truncated because it exceeds the maximum size that can be displayed.

Also available in: Unified diff