@transferwise/neptune-css 0.0.0-experimental-8ceebc8 → 0.0.0-experimental-4240f8b

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.
@@ -2,137 +2,105 @@
2
2
  justify-content: flex-start;
3
3
  }
4
4
 
5
- @media (--screen-sm) {
6
- .justify-content-start--sm {
7
- justify-content: flex-start;
8
- }
9
- }
10
-
11
- @media (--screen-md) {
12
- .justify-content-start--md {
13
- justify-content: flex-start;
14
- }
5
+ .justify-content-end {
6
+ justify-content: flex-end;
15
7
  }
16
8
 
17
- @media (--screen-lg) {
18
- .justify-content-start--lg {
19
- justify-content: flex-start;
20
- }
9
+ .justify-content-center {
10
+ justify-content: center;
21
11
  }
22
12
 
23
- @media (--screen-xl) {
24
- .justify-content-start--xl {
25
- justify-content: flex-start;
26
- }
13
+ .justify-content-between {
14
+ justify-content: space-between;
27
15
  }
28
16
 
29
- .justify-content-end {
30
- justify-content: flex-end;
17
+ .justify-content-around {
18
+ justify-content: space-around;
31
19
  }
32
20
 
33
21
  @media (--screen-sm) {
22
+ .justify-content-start--sm {
23
+ justify-content: flex-start;
24
+ }
25
+
34
26
  .justify-content-end--sm {
35
27
  justify-content: flex-end;
36
28
  }
37
- }
38
29
 
39
- @media (--screen-md) {
40
- .justify-content-end--md {
41
- justify-content: flex-end;
30
+ .justify-content-center--sm {
31
+ justify-content: center;
42
32
  }
43
- }
44
33
 
45
- @media (--screen-lg) {
46
- .justify-content-end--lg {
47
- justify-content: flex-end;
34
+ .justify-content-between--sm {
35
+ justify-content: space-between;
48
36
  }
49
- }
50
37
 
51
- @media (--screen-xl) {
52
- .justify-content-end--xl {
53
- justify-content: flex-end;
38
+ .justify-content-around--sm {
39
+ justify-content: space-around;
54
40
  }
55
41
  }
56
42
 
57
- .justify-content-center {
58
- justify-content: center;
59
- }
43
+ @media (--screen-md) {
44
+ .justify-content-start--md {
45
+ justify-content: flex-start;
46
+ }
60
47
 
61
- @media (--screen-sm) {
62
- .justify-content-center--sm {
63
- justify-content: center;
48
+ .justify-content-end--md {
49
+ justify-content: flex-end;
64
50
  }
65
- }
66
51
 
67
- @media (--screen-md) {
68
52
  .justify-content-center--md {
69
53
  justify-content: center;
70
54
  }
71
- }
72
55
 
73
- @media (--screen-lg) {
74
- .justify-content-center--lg {
75
- justify-content: center;
56
+ .justify-content-between--md {
57
+ justify-content: space-between;
76
58
  }
77
- }
78
59
 
79
- @media (--screen-xl) {
80
- .justify-content-center--xl {
81
- justify-content: center;
60
+ .justify-content-around--md {
61
+ justify-content: space-around;
82
62
  }
83
63
  }
84
64
 
85
- .justify-content-between {
86
- justify-content: space-between;
87
- }
65
+ @media (--screen-lg) {
66
+ .justify-content-start--lg {
67
+ justify-content: flex-start;
68
+ }
88
69
 
89
- @media (--screen-sm) {
90
- .justify-content-between--sm {
91
- justify-content: space-between;
70
+ .justify-content-end--lg {
71
+ justify-content: flex-end;
92
72
  }
93
- }
94
73
 
95
- @media (--screen-md) {
96
- .justify-content-between--md {
97
- justify-content: space-between;
74
+ .justify-content-center--lg {
75
+ justify-content: center;
98
76
  }
99
- }
100
77
 
101
- @media (--screen-lg) {
102
78
  .justify-content-between--lg {
103
79
  justify-content: space-between;
104
80
  }
105
- }
106
81
 
107
- @media (--screen-xl) {
108
- .justify-content-between--xl {
109
- justify-content: space-between;
82
+ .justify-content-around--lg {
83
+ justify-content: space-around;
110
84
  }
111
85
  }
112
86
 
113
- .justify-content-around {
114
- justify-content: space-around;
115
- }
87
+ @media (--screen-xl) {
88
+ .justify-content-start--xl {
89
+ justify-content: flex-start;
90
+ }
116
91
 
117
- @media (--screen-sm) {
118
- .justify-content-around--sm {
119
- justify-content: space-around;
92
+ .justify-content-end--xl {
93
+ justify-content: flex-end;
120
94
  }
121
- }
122
95
 
123
- @media (--screen-md) {
124
- .justify-content-around--md {
125
- justify-content: space-around;
96
+ .justify-content-center--xl {
97
+ justify-content: center;
126
98
  }
127
- }
128
99
 
129
- @media (--screen-lg) {
130
- .justify-content-around--lg {
131
- justify-content: space-around;
100
+ .justify-content-between--xl {
101
+ justify-content: space-between;
132
102
  }
133
- }
134
103
 
135
- @media (--screen-xl) {
136
104
  .justify-content-around--xl {
137
105
  justify-content: space-around;
138
106
  }
@@ -2,109 +2,85 @@
2
2
  order: 1;
3
3
  }
4
4
 
5
- @media (--screen-sm) {
6
- .order-1--sm {
7
- order: 1;
8
- }
5
+ .order-2 {
6
+ order: 2;
9
7
  }
10
8
 
11
- @media (--screen-md) {
12
- .order-1--md {
13
- order: 1;
14
- }
9
+ .order-3 {
10
+ order: 3;
15
11
  }
16
12
 
17
- @media (--screen-lg) {
18
- .order-1--lg {
19
- order: 1;
20
- }
13
+ .order-0 {
14
+ order: 0;
21
15
  }
22
16
 
23
- @media (--screen-xl) {
24
- .order-1--xl {
17
+ @media (--screen-sm) {
18
+ .order-1--sm {
25
19
  order: 1;
26
20
  }
27
- }
28
-
29
- .order-2 {
30
- order: 2;
31
- }
32
21
 
33
- @media (--screen-sm) {
34
22
  .order-2--sm {
35
23
  order: 2;
36
24
  }
37
- }
38
25
 
39
- @media (--screen-md) {
40
- .order-2--md {
41
- order: 2;
26
+ .order-3--sm {
27
+ order: 3;
42
28
  }
43
- }
44
29
 
45
- @media (--screen-lg) {
46
- .order-2--lg {
47
- order: 2;
30
+ .order-0--sm {
31
+ order: 0;
48
32
  }
49
33
  }
50
34
 
51
- @media (--screen-xl) {
52
- .order-2--xl {
53
- order: 2;
35
+ @media (--screen-md) {
36
+ .order-1--md {
37
+ order: 1;
54
38
  }
55
- }
56
-
57
- .order-3 {
58
- order: 3;
59
- }
60
39
 
61
- @media (--screen-sm) {
62
- .order-3--sm {
63
- order: 3;
40
+ .order-2--md {
41
+ order: 2;
64
42
  }
65
- }
66
43
 
67
- @media (--screen-md) {
68
44
  .order-3--md {
69
45
  order: 3;
70
46
  }
71
- }
72
47
 
73
- @media (--screen-lg) {
74
- .order-3--lg {
75
- order: 3;
48
+ .order-0--md {
49
+ order: 0;
76
50
  }
77
51
  }
78
52
 
79
- @media (--screen-xl) {
80
- .order-3--xl {
81
- order: 3;
53
+ @media (--screen-lg) {
54
+ .order-1--lg {
55
+ order: 1;
82
56
  }
83
- }
84
-
85
- .order-0 {
86
- order: 0;
87
- }
88
57
 
89
- @media (--screen-sm) {
90
- .order-0--sm {
91
- order: 0;
58
+ .order-2--lg {
59
+ order: 2;
92
60
  }
93
- }
94
61
 
95
- @media (--screen-md) {
96
- .order-0--md {
97
- order: 0;
62
+ .order-3--lg {
63
+ order: 3;
98
64
  }
99
- }
100
65
 
101
- @media (--screen-lg) {
102
66
  .order-0--lg {
103
67
  order: 0;
104
68
  }
105
69
  }
106
70
 
107
71
  @media (--screen-xl) {
72
+ .order-1--xl {
73
+ order: 1;
74
+ }
75
+
76
+ .order-2--xl {
77
+ order: 2;
78
+ }
79
+
80
+ .order-3--xl {
81
+ order: 3;
82
+ }
83
+
108
84
  .order-0--xl {
109
85
  order: 0;
110
86
  }
@@ -2,109 +2,85 @@
2
2
  text-align: center;
3
3
  }
4
4
 
5
- @media (--screen-sm) {
6
- .text-sm-center {
7
- text-align: center;
8
- }
5
+ .text-xs-justify {
6
+ text-align: justify;
9
7
  }
10
8
 
11
- @media (--screen-md) {
12
- .text-md-center {
13
- text-align: center;
14
- }
9
+ .text-xs-left {
10
+ text-align: start;
15
11
  }
16
12
 
17
- @media (--screen-lg) {
18
- .text-lg-center {
19
- text-align: center;
20
- }
13
+ .text-xs-right {
14
+ text-align: end;
21
15
  }
22
16
 
23
- @media (--screen-xl) {
24
- .text-xl-center {
17
+ @media (--screen-sm) {
18
+ .text-sm-center {
25
19
  text-align: center;
26
20
  }
27
- }
28
-
29
- .text-xs-justify {
30
- text-align: justify;
31
- }
32
21
 
33
- @media (--screen-sm) {
34
22
  .text-sm-justify {
35
23
  text-align: justify;
36
24
  }
37
- }
38
25
 
39
- @media (--screen-md) {
40
- .text-md-justify {
41
- text-align: justify;
26
+ .text-sm-left {
27
+ text-align: start;
42
28
  }
43
- }
44
29
 
45
- @media (--screen-lg) {
46
- .text-lg-justify {
47
- text-align: justify;
30
+ .text-sm-right {
31
+ text-align: end;
48
32
  }
49
33
  }
50
34
 
51
- @media (--screen-xl) {
52
- .text-xl-justify {
53
- text-align: justify;
35
+ @media (--screen-md) {
36
+ .text-md-center {
37
+ text-align: center;
54
38
  }
55
- }
56
-
57
- .text-xs-left {
58
- text-align: start;
59
- }
60
39
 
61
- @media (--screen-sm) {
62
- .text-sm-left {
63
- text-align: start;
40
+ .text-md-justify {
41
+ text-align: justify;
64
42
  }
65
- }
66
43
 
67
- @media (--screen-md) {
68
44
  .text-md-left {
69
45
  text-align: start;
70
46
  }
71
- }
72
47
 
73
- @media (--screen-lg) {
74
- .text-lg-left {
75
- text-align: start;
48
+ .text-md-right {
49
+ text-align: end;
76
50
  }
77
51
  }
78
52
 
79
- @media (--screen-xl) {
80
- .text-xl-left {
81
- text-align: start;
53
+ @media (--screen-lg) {
54
+ .text-lg-center {
55
+ text-align: center;
82
56
  }
83
- }
84
-
85
- .text-xs-right {
86
- text-align: end;
87
- }
88
57
 
89
- @media (--screen-sm) {
90
- .text-sm-right {
91
- text-align: end;
58
+ .text-lg-justify {
59
+ text-align: justify;
92
60
  }
93
- }
94
61
 
95
- @media (--screen-md) {
96
- .text-md-right {
97
- text-align: end;
62
+ .text-lg-left {
63
+ text-align: start;
98
64
  }
99
- }
100
65
 
101
- @media (--screen-lg) {
102
66
  .text-lg-right {
103
67
  text-align: end;
104
68
  }
105
69
  }
106
70
 
107
71
  @media (--screen-xl) {
72
+ .text-xl-center {
73
+ text-align: center;
74
+ }
75
+
76
+ .text-xl-justify {
77
+ text-align: justify;
78
+ }
79
+
80
+ .text-xl-left {
81
+ text-align: start;
82
+ }
83
+
108
84
  .text-xl-right {
109
85
  text-align: end;
110
86
  }
@@ -1,5 +1,6 @@
1
1
  .text-ellipsis,
2
2
  .text-ellipses {
3
+ display: block;
3
4
  overflow: hidden;
4
5
  text-overflow: ellipsis;
5
6
  white-space: nowrap;