-
Notifications
You must be signed in to change notification settings - Fork 4
/
_objects.list-block.scss
114 lines (78 loc) · 2.84 KB
/
_objects.list-block.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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
/*------------------------------------*\
#LIST-BLOCK
\*------------------------------------*/
/**
* The list-block object creates blocky list items out of a `ul` or `ol`.
*/
// Predefine the variables below in order to alter and enable specific features.
$inuit-list-block-namespace: $inuit-namespace !default;
$inuit-list-block-padding: $inuit-base-spacing-unit !default;
$inuit-list-block-padding--tiny: quarter($inuit-list-block-padding) !default;
$inuit-list-block-padding--small: halve($inuit-list-block-padding) !default;
$inuit-list-block-padding--large: double($inuit-list-block-padding) !default;
$inuit-list-block-padding--huge: quadruple($inuit-list-block-padding) !default;
$inuit-enable-list-block--tiny: false !default;
$inuit-enable-list-block--small: false !default;
$inuit-enable-list-block--large: false !default;
$inuit-enable-list-block--huge: false !default;
.#{$inuit-list-block-namespace}list-block,
%#{$inuit-list-block-namespace}list-block {
margin: 0;
padding: 0;
list-style: none;
> li {
@extend %#{$inuit-list-block-namespace}list-block__item;
}
}
.#{$inuit-list-block-namespace}list-block__item,
%#{$inuit-list-block-namespace}list-block__item {
padding: $inuit-list-block-padding;
}
@if ($inuit-enable-list-block--tiny == true) {
/**
* Tiny list-blocks.
*/
.#{$inuit-list-block-namespace}list-block--tiny,
%#{$inuit-list-block-namespace}list-block--tiny {
> .#{$inuit-list-block-namespace}list-block__item,
> %#{$inuit-list-block-namespace}list-block__item {
padding: $inuit-list-block-padding--tiny;
}
}
}
@if ($inuit-enable-list-block--small == true) {
/**
* Small list-blocks.
*/
.#{$inuit-list-block-namespace}list-block--small,
%#{$inuit-list-block-namespace}list-block--small {
> .#{$inuit-list-block-namespace}list-block__item,
> %#{$inuit-list-block-namespace}list-block__item {
padding: $inuit-list-block-padding--small;
}
}
}
@if ($inuit-enable-list-block--large == true) {
/**
* Large list-blocks.
*/
.#{$inuit-list-block-namespace}list-block--large,
%#{$inuit-list-block-namespace}list-block--large {
> .#{$inuit-list-block-namespace}list-block__item,
> %#{$inuit-list-block-namespace}list-block__item {
padding: $inuit-list-block-padding--large;
}
}
}
@if ($inuit-enable-list-block--huge == true) {
/**
* Huge list-blocks.
*/
.#{$inuit-list-block-namespace}list-block--huge,
%#{$inuit-list-block-namespace}list-block--huge {
> .#{$inuit-list-block-namespace}list-block__item,
> %#{$inuit-list-block-namespace}list-block__item {
padding: $inuit-list-block-padding--huge;
}
}
}