-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy path_ritmo.scss
executable file
·52 lines (38 loc) · 1.87 KB
/
_ritmo.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
// @private Default font-size for all browsers
$browser-default-font-size: 16px;
// The default font size for all text in pixels
$base-font-size: 16px !default;
// The unit of vertical rhythm.
$base-line-unit: 5px !default;
// The multiplication factor used to define the distance between text baselines
// $base-line-unit * $base-line-multi = base-line-height (5 * 5 = 25px by default)
$base-line-multi: 5 !default;
// The length unit in which to output rhythm values.
// Supported values: px, em, rem. Percent units can't be used since they
// make calculating padding and margins impractical, and percentage borders are
// not valid or supported in css.
$ritmo-unit: 'rem' !default;
// Whether to output fallback values in px when using rem as the $ritmo-unit.
$rem-with-px-fallback: false !default;
// Default values for rhythm borders properties.
$ritmo-border-width: 1px !default;
// Allows the `ritmo-font-size` mixin and the `lines-for-font-size` function
// to round the line height to the nearest half line height instead of the
// nearest integral line height to avoid large spacing between lines.
$round-to-nearest-half-line: false !default;
// Ensure there is at least this many pixels
// of vertical padding above and below the text.
$min-line-padding: 2px !default;
// @private Whether the rhythm output is in absolute units (px) or not (em, rem)
$relative-font-sizing: if($ritmo-unit == px, false, true);
// Import the partials
@import "logic/functions",
"logic/units",
"logic/mixins";
// Constant variables
// The leader is the amount of whitespace in a line.
// It might be useful in your calculations.
$base-leader: convert-length(($base-line-unit * $base-line-multi) - $base-font-size, $ritmo-unit, $base-font-size);
// The half-leader is the amount of whitespace above and below a line.
// It might be useful in your calculations.
$base-half-leader: $base-leader / 2;