@transferwise/neptune-css 0.0.0-experimental-c61ae0e → 0.0.0-experimental-93ed47e

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
@@ -5998,20 +5998,10 @@ tbody.collapse.in {
5998
5998
  }
5999
5999
 
6000
6000
  .alert .alert__icon {
6001
- width: 48px;
6002
- width: var(--size-48);
6003
- height: 48px;
6004
- height: var(--size-48);
6005
6001
  border-radius: 50%;
6006
6002
  flex: none;
6007
6003
  }
6008
6004
 
6009
- .alert .alert__message {
6010
- padding-left: 16px;
6011
- padding-left: var(--padding-small);
6012
- margin-top: 2px;
6013
- }
6014
-
6015
6005
  .alert .close {
6016
6006
  margin-top: 4px;
6017
6007
  margin-top: var(--size-4);
@@ -6563,28 +6553,15 @@ input:focus ~ .alert-focus,
6563
6553
  .np-theme-personal .alert {
6564
6554
  padding: 24px;
6565
6555
  padding: var(--size-24);
6566
- }
6567
-
6568
- .np-theme-personal .alert .desktop {
6569
6556
  flex-direction: row;
6570
6557
  }
6571
6558
 
6572
- .np-theme-personal .alert .desktop .alert__message {
6559
+ .np-theme-personal .alert .alert__message {
6573
6560
  padding-left: 16px;
6574
6561
  padding-left: var(--padding-small);
6575
6562
  padding-top: 0;
6576
6563
  }
6577
6564
 
6578
- .np-theme-personal .alert .mobile {
6579
- flex-direction: column;
6580
- }
6581
-
6582
- .np-theme-personal .alert .mobile .alert__message {
6583
- padding-left: 0;
6584
- padding-top: 16px;
6585
- padding-top: var(--padding-small);
6586
- }
6587
-
6588
6565
  .np-theme-personal .alert-success,
6589
6566
  .np-theme-personal .alert-positive,
6590
6567
  .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-c61ae0e",
4
+ "version": "0.0.0-experimental-93ed47e",
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