lumina-sass 1.7.2 → 1.7.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/package.json +1 -1
  2. package/src/flexbox/_flexbox-column.sass +14 -14
  3. package/src/flexbox/_index.sass +6 -6
  4. package/src/flexbox/column-align-justify-mix/column-justify-items.sass +6 -6
  5. package/src/flexbox/row-align-justify-mix/_flexbox-wrap-row-align-justify.sass +4 -0
  6. package/src/map/_flexbox.sass +19 -11
  7. package/src/utils/_flexbox.sass +30 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lumina-sass",
3
- "version": "1.7.2",
3
+ "version": "1.7.4",
4
4
  "description": "Lumina Sass design tokens and mixins",
5
5
  "main": "src/_index.sass",
6
6
  "sass": "src/_index.sass",
package/src/flexbox/_flexbox-column.sass CHANGED
@@ -1,30 +1,30 @@
1
1
  @use '../mix/generators' as mix
2
2
 
3
- .flex-column-align-items-center
3
+ .flex-col-align-items-center
4
4
  align-items: center
5
- @include mix.flexbox-generator('flex-column')
5
+ @include mix.flexbox-generator('flex-col')
6
6
 
7
- .flex-column-justify-center
7
+ .flex-col-justify-center
8
8
  justify-content: center
9
- @include mix.flexbox-generator('flex-column')
9
+ @include mix.flexbox-generator('flex-col')
10
10
 
11
- .flex-column-justify-space-evenly
11
+ .flex-col-justify-space-evenly
12
12
  justify-content: space-evenly
13
- @include mix.flexbox-generator('flex-column')
13
+ @include mix.flexbox-generator('flex-col')
14
14
 
15
- .flex-wrap-column-align-content-center
15
+ .flex-wrap-col-align-content-center
16
16
  align-content: center
17
- @include mix.flexbox-generator('flex-wrap-column')
17
+ @include mix.flexbox-generator('flex-wrap-col')
18
18
 
19
- .flex-wrap-column-align-center-justify-space-evenly
19
+ .flex-wrap-col-align-center-justify-space-evenly
20
20
  align-content: center
21
21
  justify-content: space-evenly
22
- @include mix.flexbox-generator('flex-wrap-column')
22
+ @include mix.flexbox-generator('flex-wrap-col')
23
23
 
24
- .flex-column-align-items-end
24
+ .flex-col-align-items-end
25
25
  align-items: flex-end
26
- @include mix.flexbox-generator('flex-column')
26
+ @include mix.flexbox-generator('flex-col')
27
27
 
28
- .flex-wrap-column-align-content-center
28
+ .flex-wrap-col-align-content-center
29
29
  align-content: center
30
- @include mix.flexbox-generator('flex-wrap-column')
30
+ @include mix.flexbox-generator('flex-wrap-col')
package/src/flexbox/_index.sass CHANGED
@@ -16,14 +16,14 @@
16
16
  .flex-row
17
17
  @include mix.flexbox-generator('flex-row')
18
18
 
19
- .flex-column
20
- @include mix.flexbox-generator('flex-column')
19
+ .flex-col
20
+ @include mix.flexbox-generator('flex-col')
21
21
 
22
22
  .flex-wrap-row
23
23
  @include mix.flexbox-generator('flex-wrap-row')
24
24
 
25
- .flex-wrap-column
26
- @include mix.flexbox-generator('flex-wrap-column')
25
+ .flex-wrap-col
26
+ @include mix.flexbox-generator('flex-wrap-col')
27
27
 
28
28
  .flex-wrap-reversed-row
29
29
  @include mix.flexbox-generator('flex-wrap-reversed-row')
@@ -37,5 +37,5 @@
37
37
  .inline-flex-row
38
38
  @include mix.flexbox-generator('inline-flex-row')
39
39
 
40
- .inline-flex-column
41
- @include mix.flexbox-generator('inline-flex-column')
40
+ .inline-flex-col
41
+ @include mix.flexbox-generator('inline-flex-col')
package/src/flexbox/column-align-justify-mix/column-justify-items.sass CHANGED
@@ -1,17 +1,17 @@
1
1
  // Align-content and Justify-content gen
2
2
  @use '../../mix/generators' as gen
3
3
 
4
- .flex-column-align-items-center
4
+ .flex-col-align-items-center
5
5
  align-items: center
6
- @include gen.flexbox-generator('flex-column')
6
+ @include gen.flexbox-generator('flex-col')
7
7
 
8
- .flex-column-justify-space-evenly-items-center
8
+ .flex-col-justify-space-evenly-items-center
9
9
  align-items: center
10
10
  justify-content: space-evenly
11
- @include gen.flexbox-generator('flex-column')
11
+ @include gen.flexbox-generator('flex-col')
12
12
 
13
- .flex-column-align-items-center-justify-center
13
+ .flex-col-align-items-center-justify-center
14
14
  align-items: center
15
15
  justify-content: center
16
- @include gen.flexbox-generator('flex-column')
16
+ @include gen.flexbox-generator('flex-col')
17
17
 
package/src/flexbox/row-align-justify-mix/_flexbox-wrap-row-align-justify.sass CHANGED
@@ -1,5 +1,9 @@
1
1
  @use '../../mix/generators' as mix
2
2
 
3
+ .flex-wrap-row-align-items-start
4
+ align-items: flex-start
5
+ @include mix.flexbox-generator('flex-wrap-row')
6
+
3
7
  .flex-wrap-row-align-content-start-justify-space-evenly
4
8
  align-content: flex-start
5
9
  justify-content: space-evenly
package/src/map/_flexbox.sass CHANGED
@@ -1,20 +1,28 @@
1
1
  $flex: ('display': flex)
2
2
  $inline-flex: ('display': inline-flex)
3
3
  $flex-row: ('display': flex, 'flex-wrap': nowrap, 'flex-direction': row)
4
- $flex-wrap-row: ('display': flex, 'flex-wrap': wrap, 'flex-direction': row)
5
- $flex-column: ('display': flex, 'flex-wrap': nowrap, 'flex-direction': column)
6
- $flex-wrap-column: ('display': flex, 'flex-wrap': wrap, 'flex-direction': column)
4
+ $flex-row-wrap: ('display': flex, 'flex-wrap': wrap, 'flex-direction': row)
5
+ $flex-col: ('display': flex, 'flex-wrap': nowrap, 'flex-direction': column)
6
+ $flex-col-wrap: ('display': flex, 'flex-wrap': wrap, 'flex-direction': column)
7
7
  $flex-center: ('display': flex, 'justify-content': center, 'align-items': center)
8
8
  $inline-flex-row: ('flex-wrap': nowrap, 'flex-direction': row, 'display': inline-flex)
9
- $inline-flex-column: ('flex-wrap': nowrap, 'display': inline-flex, 'flex-direction': column)
9
+ $inline-flex-col: ('flex-wrap': nowrap, 'display': inline-flex, 'flex-direction': column)
10
10
  $flex-wrap-reversed-row: ('display': flex, 'flex-wrap': wrap, 'flex-direction': row-reverse)
11
- $flex-wrap-reversed-column: ('display': flex, 'flex-wrap': wrap, 'flex-direction': column-reverse)
12
-
11
+ $flex-wrap-reversed-col: ('display': flex, 'flex-wrap': wrap, 'flex-direction': column-reverse)
13
12
 
14
13
  $flexbox:(
15
- 'flex': $flex, 'flex-row': $flex-row, 'flex-center': $flex-center,
16
- 'flex-column': $flex-column, 'inline-flex': $inline-flex, 'flex-wrap-row': $flex-wrap-row,
17
- 'inline-flex-row': $inline-flex-row, 'flex-wrap-column': $flex-wrap-column,
18
- 'inline-flex-column': $inline-flex-column, 'flex-wrap-reversed-row': $flex-wrap-reversed-row,
19
- 'flex-wrap-reversed-column': $flex-wrap-reversed-column,
14
+ 'flex': $flex,
15
+ 'flex-row': $flex-row,
16
+ 'flex-row-wrap': $flex-row-wrap,
17
+ 'flex-wrap-row': $flex-row-wrap,
18
+ 'flex-center': $flex-center,
19
+ 'flex-col': $flex-col,
20
+ 'flex-col-wrap': $flex-col-wrap,
21
+ 'flex-wrap-col': $flex-col-wrap,
22
+ 'flex-wrap-reversed-col': $flex-wrap-reversed-col,
23
+ 'flex-wrap-reversed-column': $flex-wrap-reversed-col,
24
+ 'inline-flex': $inline-flex,
25
+ 'inline-flex-row': $inline-flex-row,
26
+ 'inline-flex-col': $inline-flex-col,
27
+ 'flex-wrap-reversed-row': $flex-wrap-reversed-row,
20
28
  )
package/src/utils/_flexbox.sass CHANGED
@@ -22,12 +22,36 @@
22
22
  .flex-wrap-reversed-row
23
23
  @include mix.flexbox-generator('flex-wrap-reversed-row')
24
24
 
25
- .flex-column
26
- @include mix.flexbox-generator('flex-column')
25
+ .flex-col
26
+ @include mix.flexbox-generator('flex-col')
27
27
 
28
- .flex-wrap-column
29
- @include mix.flexbox-generator('flex-wrap-column')
28
+ .flex-wrap-col
29
+ @include mix.flexbox-generator('flex-wrap-col')
30
30
 
31
- .flex-wrap-reversed-column
32
- @include mix.flexbox-generator('flex-wrap-reversed-column')
31
+ .flex
32
+ @include mix.flexbox-generator('flex')
33
+
34
+ .flex-row
35
+ @include mix.flexbox-generator('flex-row')
36
+
37
+ .flex-row-wrap
38
+ @include mix.flexbox-generator('flex-row-wrap')
39
+
40
+ .flex-col
41
+ @include mix.flexbox-generator('flex-col')
42
+
43
+ .flex-col-wrap
44
+ @include mix.flexbox-generator('flex-col-wrap')
45
+
46
+ .flex-col-center-center
47
+ display: flex
48
+ justify-content: center
49
+ align-items: center
50
+ flex-direction: column
51
+
52
+ .flex-row-center-center
53
+ display: flex
54
+ justify-content: center
55
+ align-items: center
56
+ flex-direction: row
33
57