@transferwise/neptune-css 0.0.0-experimental-2acee4e → 0.0.0-experimental-b089b8c

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.
@@ -1,11 +1,11 @@
1
1
  .rounded-sm {
2
2
  border-radius: 2px;
3
3
  }
4
- .img-rounded {
4
+ .rounded {
5
5
  border-radius: 10px;
6
6
  border-radius: var(--radius-small);
7
7
  }
8
- .img-circle {
8
+ .rounded-full {
9
9
  border-radius: 9999px;
10
10
  border-radius: var(--radius-full);
11
11
  }
package/dist/css/flex.css CHANGED
@@ -205,7 +205,7 @@
205
205
  .visible-xl-inline {
206
206
  display: none !important;
207
207
  }
208
- @media not all and (min-width: 576px) {
208
+ @media (max-width: 575px) {
209
209
  .hidden-xs {
210
210
  display: none !important;
211
211
  }
@@ -228,7 +228,7 @@
228
228
  display: inline-flex;
229
229
  }
230
230
  }
231
- @media (--screen-sm) and not all and (--screen-md) {
231
+ @media (min-width: 576px) and (max-width: 767px) {
232
232
  .hidden-sm {
233
233
  display: none !important;
234
234
  }
@@ -251,7 +251,7 @@
251
251
  display: inline-flex;
252
252
  }
253
253
  }
254
- @media (--screen-md) and not all and (--screen-lg) {
254
+ @media (min-width: 768px) and (max-width: 991px) {
255
255
  .hidden-md {
256
256
  display: none !important;
257
257
  }
@@ -274,7 +274,7 @@
274
274
  display: inline-flex;
275
275
  }
276
276
  }
277
- @media (--screen-lg) and not all and (--screen-xl) {
277
+ @media (min-width: 992px) and (max-width: 1199px) {
278
278
  .hidden-lg {
279
279
  display: none !important;
280
280
  }
@@ -1242,7 +1242,7 @@ html:not([dir="rtl"]) .p-x-panel {
1242
1242
  .visible-xl-inline {
1243
1243
  display: none !important;
1244
1244
  }
1245
- @media not all and (min-width: 576px) {
1245
+ @media (max-width: 575px) {
1246
1246
  .hidden-xs {
1247
1247
  display: none !important;
1248
1248
  }
@@ -1265,7 +1265,7 @@ html:not([dir="rtl"]) .p-x-panel {
1265
1265
  display: inline-flex;
1266
1266
  }
1267
1267
  }
1268
- @media (--screen-sm) and not all and (--screen-md) {
1268
+ @media (min-width: 576px) and (max-width: 767px) {
1269
1269
  .hidden-sm {
1270
1270
  display: none !important;
1271
1271
  }
@@ -1288,7 +1288,7 @@ html:not([dir="rtl"]) .p-x-panel {
1288
1288
  display: inline-flex;
1289
1289
  }
1290
1290
  }
1291
- @media (--screen-md) and not all and (--screen-lg) {
1291
+ @media (min-width: 768px) and (max-width: 991px) {
1292
1292
  .hidden-md {
1293
1293
  display: none !important;
1294
1294
  }
@@ -1311,7 +1311,7 @@ html:not([dir="rtl"]) .p-x-panel {
1311
1311
  display: inline-flex;
1312
1312
  }
1313
1313
  }
1314
- @media (--screen-lg) and not all and (--screen-xl) {
1314
+ @media (min-width: 992px) and (max-width: 1199px) {
1315
1315
  .hidden-lg {
1316
1316
  display: none !important;
1317
1317
  }
@@ -312,17 +312,6 @@ summary {
312
312
  display: list-item;
313
313
  }
314
314
  /* TODO: Remove utility imports to prevent duplicates */
315
- .rounded-sm {
316
- border-radius: 2px;
317
- }
318
- .img-rounded {
319
- border-radius: 10px;
320
- border-radius: var(--radius-small);
321
- }
322
- .img-circle {
323
- border-radius: 9999px;
324
- border-radius: var(--radius-full);
325
- }
326
315
  .sr-only {
327
316
  position: absolute;
328
317
  width: 1px;
@@ -739,6 +728,14 @@ video {
739
728
  height: auto;
740
729
  vertical-align: middle;
741
730
  }
731
+ .img-rounded {
732
+ border-radius: 10px;
733
+ border-radius: var(--radius-small);
734
+ }
735
+ .img-circle {
736
+ border-radius: 9999px;
737
+ border-radius: var(--radius-full);
738
+ }
742
739
  .disabled,
743
740
  :disabled {
744
741
  filter: grayscale(1);
@@ -1852,9 +1849,6 @@ a.text-inverse:hover,
1852
1849
  a.text-inverse:focus {
1853
1850
  color: #c9cbce !important;
1854
1851
  }
1855
- .font-italic {
1856
- font-style: italic !important;
1857
- }
1858
1852
  .font-weight-normal {
1859
1853
  font-weight: 400 !important;
1860
1854
  font-weight: var(--font-weight-regular) !important;
@@ -1987,6 +1981,12 @@ a.text-inverse:focus {
1987
1981
  white-space: nowrap;
1988
1982
  }
1989
1983
  }
1984
+ /**
1985
+ * @deprecated Obsolete since the brand has turned green.
1986
+ */
1987
+ .font-italic {
1988
+ font-style: italic !important;
1989
+ }
1990
1990
  /**
1991
1991
  * @deprecated Obsolete since the brand has turned green.
1992
1992
  */