Skip to content

Commit 6363e9e

Browse files
committed
Add size variants. Refs inuitcss/objects.flag#4
1 parent b092105 commit 6363e9e

File tree

2 files changed

+44
-8
lines changed

2 files changed

+44
-8
lines changed

_objects.list-ui.scss

+42-6
Original file line numberDiff line numberDiff line change
@@ -11,15 +11,19 @@
1111
$inuit-list-ui-namespace: $inuit-namespace !default;
1212

1313
$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;
1618

1719
$inuit-list-ui-border-width: 1px !default;
1820
$inuit-list-ui-border-style: solid !default;
1921
$inuit-list-ui-border-color: #ccc !default;
2022

23+
$inuit-enable-list-ui--tiny: false !default;
2124
$inuit-enable-list-ui--small: false !default;
2225
$inuit-enable-list-ui--large: false !default;
26+
$inuit-enable-list-ui--huge: false !default;
2327

2428
.#{$inuit-list-ui-namespace}list-ui,
2529
%#{$inuit-list-ui-namespace}list-ui,
@@ -51,6 +55,24 @@ $inuit-enable-list-ui--large: false !default;
5155

5256

5357

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+
5476
@if ($inuit-enable-list-ui--small == true) {
5577

5678
/**
@@ -69,10 +91,6 @@ $inuit-enable-list-ui--large: false !default;
6991

7092
}
7193

72-
73-
74-
75-
7694
@if ($inuit-enable-list-ui--large == true) {
7795

7896
/**
@@ -90,3 +108,21 @@ $inuit-enable-list-ui--large: false !default;
90108
}
91109

92110
}
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+
}

bower.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "inuit-list-ui",
3-
"version": "0.4.0",
3+
"version": "0.4.1",
44
"authors": [
55
"Harry Roberts <[email protected]>"
66
],
@@ -14,7 +14,7 @@
1414
"license": "Apache",
1515
"homepage": "https://github.com/inuitcss/objects.list-ui",
1616
"dependencies": {
17-
"inuit-defaults": "~0.2.0",
17+
"inuit-defaults": "~0.2.1",
1818
"inuit-functions": "~0.2.0"
1919
}
2020
}

0 commit comments

Comments
 (0)