-
Notifications
You must be signed in to change notification settings - Fork 4
/
_mixins.scss
69 lines (49 loc) · 2 KB
/
_mixins.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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
@import 'options';
//////////////////////////////////////////////////////////
// GENERAL HELPERS //////////////////////////////////////
//////////////////////////////////////////////////////////
//CREATE A COMMA SEPERATED LIST CLASSES FOR LENGTH OF GRID
//RETURNS: .c1, .c2, .c3, .c4, .c5, etc...
@function create-list-names($length, $class-name) {
$list: '';
@for $i from 1 through $length {
//For the first item don't include the comma or concat
@if $i == 1 {
$list: #{$class-name}$i;
}
@else {
$list: #{$list}, #{$class-name}$i;
}
}
@return $list;
}
//////////////////////////////////////////////////////////
// FLUID CALCULATIONS ///////////////////////////////////
//////////////////////////////////////////////////////////
//FLUID COLUMN CALCULATOR
@function calculate-fluid-column($i, $fluid-unit) {
$multiplier: $i - 1;
$column-size: $unicorn-grid-fluid-gutter;
@return ($column-size + (($column-size + 2) * $multiplier)) * $fluid-unit;
}
//FLUID COLUMN SPACER
@function calculate-fluid-spacer($i, $fluid-unit) {
$multiplier: $i - 1;
$column-size: $unicorn-grid-fluid-gutter;
@return ($column-size + (($column-size + 2) * $multiplier)) * $fluid-unit + ($fluid-unit * 4);
}
//////////////////////////////////////////////////////////
// FIXED CALCULATIONS ///////////////////////////////////
//////////////////////////////////////////////////////////
//FIXED COLUMN CALCULATOR
@function calculate-fixed-column($i, $column-width) {
$num_of_margins: ($i - 1) * 2;
//MULTI WIDTH OF COLUMNS BY NUMBER OF MARGINS SWALLOWED BY COLUMN
@return ($column-width * $i) + ($unicorn-grid-fixed-margin * $num_of_margins);
}
//FIXED COLUMN SPACER
@function calculate-fixed-spacer($i, $column-width) {
$num_of_margins: $i * 2;
//MULTI WIDTH OF COLUMNS BY NUMBER OF MARGINS SWALLOWED BY COLUMN
@return ($column-width * $i) + ($unicorn-grid-fixed-margin * $num_of_margins) + $unicorn-grid-fixed-margin;
}