11
11
$inuit-list-ui-namespace : $inuit-namespace !default ;
12
12
13
13
$inuit-list-ui-padding : $inuit-base-spacing-unit !default ;
14
- $inuit-list-ui-padding--small : halve ($inuit-list-ui-padding ) !default ;
15
- $inuit-list-ui-padding--large : double ($inuit-list-ui-padding ) !default ;
14
+ $inuit-list-ui-padding--tiny : quarter ($inuit-list-ui-padding ) !default ;
15
+ $inuit-list-ui-padding--small : halve ($inuit-list-ui-padding ) !default ;
16
+ $inuit-list-ui-padding--large : double ($inuit-list-ui-padding ) !default ;
17
+ $inuit-list-ui-padding--huge : quadruple ($inuit-list-ui-padding ) !default ;
16
18
17
19
$inuit-list-ui-border-width : 1px !default ;
18
20
$inuit-list-ui-border-style : solid !default ;
19
21
$inuit-list-ui-border-color : #ccc !default ;
20
22
23
+ $inuit-enable-list-ui--tiny : false !default ;
21
24
$inuit-enable-list-ui--small : false !default ;
22
25
$inuit-enable-list-ui--large : false !default ;
26
+ $inuit-enable-list-ui--huge : false !default ;
23
27
24
28
.#{$inuit-list-ui-namespace } list-ui ,
25
29
%#{$inuit-list-ui-namespace } list-ui ,
@@ -51,6 +55,24 @@ $inuit-enable-list-ui--large: false !default;
51
55
52
56
53
57
58
+ @if ($inuit-enable-list-ui--tiny == true) {
59
+
60
+ /* *
61
+ * Tiny list-uis.
62
+ */
63
+
64
+ .#{$inuit-list-ui-namespace } list-ui--tiny ,
65
+ %#{$inuit-list-ui-namespace } list-ui--tiny {
66
+
67
+ > .#{$inuit-list-ui-namespace } list-ui__item ,
68
+ > %#{$inuit-list-ui-namespace } list-ui__item {
69
+ padding : $inuit-list-ui-padding--tiny ;
70
+ }
71
+
72
+ }
73
+
74
+ }
75
+
54
76
@if ($inuit-enable-list-ui--small == true) {
55
77
56
78
/* *
@@ -69,10 +91,6 @@ $inuit-enable-list-ui--large: false !default;
69
91
70
92
}
71
93
72
-
73
-
74
-
75
-
76
94
@if ($inuit-enable-list-ui--large == true) {
77
95
78
96
/* *
@@ -90,3 +108,21 @@ $inuit-enable-list-ui--large: false !default;
90
108
}
91
109
92
110
}
111
+
112
+ @if ($inuit-enable-list-ui--huge == true) {
113
+
114
+ /* *
115
+ * Huge list-uis.
116
+ */
117
+
118
+ .#{$inuit-list-ui-namespace } list-ui--huge ,
119
+ %#{$inuit-list-ui-namespace } list-ui--huge {
120
+
121
+ > .#{$inuit-list-ui-namespace } list-ui__item ,
122
+ > %#{$inuit-list-ui-namespace } list-ui__item {
123
+ padding : $inuit-list-ui-padding--huge ;
124
+ }
125
+
126
+ }
127
+
128
+ }
0 commit comments