@transferwise/neptune-css 0.0.0-experimental-8ef2fe2 → 0.0.0-experimental-c34c4a1

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 (4) hide show
  1. package/dist/css/alerts.css +1 -20
  2. package/dist/css/neptune.css +1 -24
  3. package/package.json +1 -1
  4. package/src/less/alerts.less +6 -22
package/dist/css/alerts.css CHANGED
@@ -24,18 +24,9 @@
24
24
  justify-content: center;
25
25
  }
26
26
  .alert .alert__icon {
27
- width: 48px;
28
- width: var(--size-48);
29
- height: 48px;
30
- height: var(--size-48);
31
27
  border-radius: 50%;
32
28
  flex: none;
33
29
  }
34
- .alert .alert__message {
35
- padding-left: 16px;
36
- padding-left: var(--padding-small);
37
- margin-top: 2px;
38
- }
39
30
  .alert .close {
40
31
  margin-top: 4px;
41
32
  margin-top: var(--size-4);
@@ -523,23 +514,13 @@ input:focus ~ .alert-focus,
523
514
  .np-theme-personal .alert {
524
515
  padding: 24px;
525
516
  padding: var(--size-24);
526
- }
527
- .np-theme-personal .alert .desktop {
528
517
  flex-direction: row;
529
518
  }
530
- .np-theme-personal .alert .desktop .alert__message {
519
+ .np-theme-personal .alert .alert__message {
531
520
  padding-left: 16px;
532
521
  padding-left: var(--padding-small);
533
522
  padding-top: 0;
534
523
  }
535
- .np-theme-personal .alert .mobile {
536
- flex-direction: column;
537
- }
538
- .np-theme-personal .alert .mobile .alert__message {
539
- padding-left: 0;
540
- padding-top: 16px;
541
- padding-top: var(--padding-small);
542
- }
543
524
  .np-theme-personal .alert-success,
544
525
  .np-theme-personal .alert-positive,
545
526
  .np-theme-personal .alert-info,
package/dist/css/neptune.css CHANGED
@@ -6010,20 +6010,10 @@ tbody.collapse.in {
6010
6010
  }
6011
6011
 
6012
6012
  .alert .alert__icon {
6013
- width: 48px;
6014
- width: var(--size-48);
6015
- height: 48px;
6016
- height: var(--size-48);
6017
6013
  border-radius: 50%;
6018
6014
  flex: none;
6019
6015
  }
6020
6016
 
6021
- .alert .alert__message {
6022
- padding-left: 16px;
6023
- padding-left: var(--padding-small);
6024
- margin-top: 2px;
6025
- }
6026
-
6027
6017
  .alert .close {
6028
6018
  margin-top: 4px;
6029
6019
  margin-top: var(--size-4);
@@ -6575,28 +6565,15 @@ input:focus ~ .alert-focus,
6575
6565
  .np-theme-personal .alert {
6576
6566
  padding: 24px;
6577
6567
  padding: var(--size-24);
6578
- }
6579
-
6580
- .np-theme-personal .alert .desktop {
6581
6568
  flex-direction: row;
6582
6569
  }
6583
6570
 
6584
- .np-theme-personal .alert .desktop .alert__message {
6571
+ .np-theme-personal .alert .alert__message {
6585
6572
  padding-left: 16px;
6586
6573
  padding-left: var(--padding-small);
6587
6574
  padding-top: 0;
6588
6575
  }
6589
6576
 
6590
- .np-theme-personal .alert .mobile {
6591
- flex-direction: column;
6592
- }
6593
-
6594
- .np-theme-personal .alert .mobile .alert__message {
6595
- padding-left: 0;
6596
- padding-top: 16px;
6597
- padding-top: var(--padding-small);
6598
- }
6599
-
6600
6577
  .np-theme-personal .alert-success,
6601
6578
  .np-theme-personal .alert-positive,
6602
6579
  .np-theme-personal .alert-info,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-css",
3
3
  "description": "Neptune CSS library",
4
- "version": "0.0.0-experimental-8ef2fe2",
4
+ "version": "0.0.0-experimental-c34c4a1",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
package/src/less/alerts.less CHANGED
@@ -24,17 +24,12 @@
24
24
  }
25
25
 
26
26
  .alert__icon {
27
- width: var(--size-48);
28
- height: var(--size-48);
27
+ // width: var(--size-48);
28
+ // height: var(--size-48);
29
29
  border-radius: 50%;
30
30
  flex: none;
31
31
  }
32
32
 
33
- .alert__message {
34
- padding-left: var(--padding-small);
35
- margin-top: 2px;
36
- }
37
-
38
33
  .close {
39
34
  margin-top: var(--size-4);
40
35
 
@@ -212,22 +207,11 @@ input:focus ~ .alert-focus,
212
207
  .alert {
213
208
  padding: var(--size-24);
214
209
 
215
- .desktop {
216
- flex-direction: row;
217
-
218
- .alert__message {
219
- padding-left: var(--padding-small);
220
- padding-top: 0;
221
- }
222
- }
210
+ flex-direction: row;
223
211
 
224
- .mobile {
225
- flex-direction: column;
226
-
227
- .alert__message {
228
- padding-left: 0;
229
- padding-top: var(--padding-small);
230
- }
212
+ .alert__message {
213
+ padding-left: var(--padding-small);
214
+ padding-top: 0;
231
215
  }
232
216
  }
233
217