@transferwise/neptune-css 14.7.1 → 14.8.1

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 (16) hide show
  1. package/dist/css/droppable.css +1 -1
  2. package/dist/css/input-groups.css +1 -1
  3. package/dist/css/navbar-base.css +1 -1
  4. package/dist/css/navbar.css +1 -1
  5. package/dist/css/neptune-core.css +1 -1
  6. package/dist/css/neptune.css +2 -2
  7. package/dist/css/process.css +1 -1
  8. package/dist/less/neptune-tokens.less +2 -2
  9. package/dist/props/neptune-tokens.css +1 -1
  10. package/package.json +2 -2
  11. package/src/less/core/_scaffolding.less +1 -3
  12. package/src/less/droppable.less +1 -1
  13. package/src/less/forms/bootstrap-forms.less +0 -8
  14. package/src/less/navbar-base.less +10 -5
  15. package/src/less/navbar.less +3 -1
  16. package/src/less/process.less +1 -0
package/dist/css/process.css CHANGED
@@ -1 +1 @@
1
- .process{display:block;margin:auto;position:relative}.process svg{height:100%;width:100%}.process-circle{stroke:#0097c7;stroke:var(--color-content-accent);stroke-opacity:1;stroke-linecap:round;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:ease-out;transform-origin:center center;transition:stroke 1s linear .2s}.np-theme-personal .process-circle{stroke:#37517e;stroke:var(--color-content-primary)}.np-theme-personal--bright-green .process-circle,.np-theme-personal--dark .process-circle,.np-theme-personal--forest-green .process-circle{stroke:var(--color-interactive-primary)}.process-inverse .process-circle{stroke:#fff;stroke:var(--color-background-screen)}.process-icon-container{display:inline-block;height:50%;left:25%;position:absolute;top:25%;transform:rotate(45deg);width:50%}.process-icon-horizontal,.process-icon-vertical{display:block;height:0;position:absolute;width:0}.process-success .process-icon-horizontal{background-color:#008026;background-color:var(--color-content-positive);bottom:0;left:0}.np-theme-personal .process-success .process-icon-horizontal{background-color:var(--color-sentiment-positive)}.process-success .process-icon-vertical{background-color:#008026;background-color:var(--color-content-positive);right:0;top:100%}.np-theme-personal .process-success .process-icon-vertical{background-color:var(--color-sentiment-positive)}.process-success .process-circle{stroke:#008026;stroke:var(--color-content-positive)}.np-theme-personal .process-success .process-circle{stroke:var(--color-sentiment-positive)}.process-danger .process-icon-horizontal{background-color:#cf2929;background-color:var(--color-content-negative);left:0}.np-theme-personal .process-danger .process-icon-horizontal{background-color:var(--color-sentiment-negative)}.process-danger .process-icon-vertical{background-color:#cf2929;background-color:var(--color-content-negative);top:0}.np-theme-personal .process-danger .process-icon-vertical{background-color:var(--color-sentiment-negative)}.process-danger .process-circle{stroke:#cf2929;stroke:var(--color-content-negative)}.np-theme-personal .process-danger .process-circle{stroke:var(--color-sentiment-negative)}.process-danger .process-circle,.process-success .process-circle{animation-delay:1ms;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:ease-out}.process-danger .process-icon-horizontal,.process-success .process-icon-horizontal{animation:process-width .3s ease 1.2s forwards}.process-danger .process-icon-vertical,.process-success .process-icon-vertical{animation:process-height .3s ease 1.5s forwards}.process-stopped .process-circle{animation:none}.process-stopped .process-icon-container{display:none}.process-xs{height:12px;width:12px}.process-xs .process-circle{stroke-dashoffset:31.41592654px;stroke-dasharray:31.41592654px;stroke-width:1.5px}.process-xs.process-danger .process-icon-horizontal{height:1px;top:2.5px}.process-xs.process-danger .process-icon-vertical{left:2.5px;width:1px}.process-xs .process-icon-horizontal,.process-xs .process-icon-vertical{border-radius:.5px}.process-xs.process-success .process-icon-container{height:5px;left:4.5px;width:2.5px}.process-xs.process-success .process-icon-horizontal{height:1px}.process-xs.process-success .process-icon-vertical{width:1px}.process-xs{height:24px;width:24px}.process-xs .process-circle{stroke-dashoffset:69.11503838px;stroke-dasharray:69.11503838px;stroke-width:2px}.process-xs.process-danger .process-icon-horizontal{height:2px;top:5px}.process-xs.process-danger .process-icon-vertical{left:5px;width:2px}.process-xs .process-icon-horizontal,.process-xs .process-icon-vertical{border-radius:1px}.process-xs.process-success .process-icon-container{height:10px;left:9px;width:5px}.process-xs.process-success .process-icon-horizontal{height:2px}.process-xs.process-success .process-icon-vertical{width:2px}.process-sm{height:48px;width:48px}.process-sm .process-circle{stroke-dashoffset:144.51326207px;stroke-dasharray:144.51326207px;stroke-width:2.4px}.process-sm.process-danger .process-icon-horizontal{height:3px;top:10.5px}.process-sm.process-danger .process-icon-vertical{left:10.5px;width:3px}.process-sm .process-icon-horizontal,.process-sm .process-icon-vertical{border-radius:1.5px}.process-sm.process-success .process-icon-container{height:21px;left:18px;width:10.5px}.process-sm.process-success .process-icon-horizontal{height:3px}.process-sm.process-success .process-icon-vertical{width:3px}.process-xl{height:128px;width:128px}.process-xl .process-circle{stroke-dashoffset:395.84067435px;stroke-dasharray:395.84067435px;stroke-width:3px}.process-xl.process-danger .process-icon-horizontal{height:8px;top:28px}.process-xl.process-danger .process-icon-vertical{left:28px;width:8px}.process-xl .process-icon-horizontal,.process-xl .process-icon-vertical{border-radius:4px}.process-xl.process-success .process-icon-container{height:56px;left:48px;width:28px}.process-xl.process-success .process-icon-horizontal{height:8px}.process-xl.process-success .process-icon-vertical{width:8px}.process-xxs .process-circle{animation-name:process-chase-circle-xxs}.process-xxs.process-danger .process-circle,.process-xxs.process-success .process-circle{animation-name:process-success-circle-xxs}.process-xs .process-circle{animation-name:process-chase-circle-xs}.process-xs.process-danger .process-circle,.process-xs.process-success .process-circle{animation-name:process-success-circle-xs}.process-sm .process-circle{animation-name:process-chase-circle-sm}.process-sm.process-danger .process-circle,.process-sm.process-success .process-circle{animation-name:process-success-circle-sm}.process-xl .process-circle{animation-name:process-chase-circle-xl}.process-xl.process-danger .process-circle,.process-xl.process-success .process-circle{animation-name:process-success-circle-xl}@keyframes process-chase-circle-xxs{0%{stroke-dashoffset:93.24777961px;stroke-dasharray:31.41592654px;transform:rotate(0deg)}25%{stroke-dashoffset:30.41592654px;stroke-dasharray:15.70796327px}75%{stroke-dashoffset:30.41592654px;stroke-dasharray:23.5619449px}to{stroke-dashoffset:30.41592654px;stroke-dasharray:31.41592654px;transform:rotate(1turn)}}@keyframes process-success-circle-xxs{0%{stroke-dashoffset:30.41592654px;stroke-dasharray:31.41592654px;transform:rotate(0deg)}to{stroke-dashoffset:0;stroke-dasharray:31.41592654px;transform:rotate(1turn)}}@keyframes process-chase-circle-xs{0%{stroke-dashoffset:206.34511514px;stroke-dasharray:69.11503838px;transform:rotate(0deg)}25%{stroke-dashoffset:68.11503838px;stroke-dasharray:34.55751919px}75%{stroke-dashoffset:68.11503838px;stroke-dasharray:51.83627878px}to{stroke-dashoffset:68.11503838px;stroke-dasharray:69.11503838px;transform:rotate(1turn)}}@keyframes process-success-circle-xs{0%{stroke-dashoffset:68.11503838px;stroke-dasharray:69.11503838px;transform:rotate(0deg)}to{stroke-dashoffset:0;stroke-dasharray:69.11503838px;transform:rotate(1turn)}}@keyframes process-chase-circle-sm{0%{stroke-dashoffset:432.5397862px;stroke-dasharray:144.51326207px;transform:rotate(0deg)}25%{stroke-dashoffset:143.51326207px;stroke-dasharray:72.25663103px}75%{stroke-dashoffset:143.51326207px;stroke-dasharray:108.38494655px}to{stroke-dashoffset:143.51326207px;stroke-dasharray:144.51326207px;transform:rotate(1turn)}}@keyframes process-success-circle-sm{0%{stroke-dashoffset:143.51326207px;stroke-dasharray:144.51326207px;transform:rotate(0deg)}to{stroke-dashoffset:0;stroke-dasharray:144.51326207px;transform:rotate(1turn)}}@keyframes process-chase-circle-xl{0%{stroke-dashoffset:1186.52202306px;stroke-dasharray:395.84067435px;transform:rotate(0deg)}25%{stroke-dashoffset:394.84067435px;stroke-dasharray:197.92033718px}75%{stroke-dashoffset:394.84067435px;stroke-dasharray:296.88050576px}to{stroke-dashoffset:394.84067435px;stroke-dasharray:395.84067435px;transform:rotate(1turn)}}@keyframes process-success-circle-xl{0%{stroke-dashoffset:394.84067435px;stroke-dasharray:395.84067435px;transform:rotate(0deg)}to{stroke-dashoffset:0;stroke-dasharray:395.84067435px;transform:rotate(1turn)}}@keyframes process-width{to{width:100%}}@keyframes process-height{to{height:100%;top:0}}.btn .process:first-child{float:left;margin-left:-12px;margin-right:12px}[dir=rtl] .btn .process:first-child{float:right;margin-left:0;margin-left:12px;margin-right:-12px;margin-right:0}.btn-block .process:first-child{position:absolute}.btn .process-circle{transition:stroke .5s linear 0s}.btn-primary .process-circle,.btn-success .process-circle{stroke:#fff}.btn-primary .process-icon-horizontal,.btn-primary .process-icon-vertical,.btn-success .process-icon-horizontal,.btn-success .process-icon-vertical{background-color:#fff}.btn:focus .process-circle,.btn:hover .process-circle{stroke:#fff}.btn:focus .process-icon-horizontal,.btn:focus .process-icon-vertical,.btn:hover .process-icon-horizontal,.btn:hover .process-icon-vertical,.btn[disabled] .process-icon-horizontal,.btn[disabled] .process-icon-vertical{background-color:#fff}
1
+ .process{display:block;margin:auto;position:relative}.process svg{height:100%;width:100%}.process-circle{stroke:#0097c7;stroke:var(--color-content-accent);stroke-opacity:1;stroke-linecap:round;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:ease-out;-webkit-transform:translateZ(0);transform-origin:center center;transition:stroke 1s linear .2s}.np-theme-personal .process-circle{stroke:#37517e;stroke:var(--color-content-primary)}.np-theme-personal--bright-green .process-circle,.np-theme-personal--dark .process-circle,.np-theme-personal--forest-green .process-circle{stroke:var(--color-interactive-primary)}.process-inverse .process-circle{stroke:#fff;stroke:var(--color-background-screen)}.process-icon-container{display:inline-block;height:50%;left:25%;position:absolute;top:25%;transform:rotate(45deg);width:50%}.process-icon-horizontal,.process-icon-vertical{display:block;height:0;position:absolute;width:0}.process-success .process-icon-horizontal{background-color:#008026;background-color:var(--color-content-positive);bottom:0;left:0}.np-theme-personal .process-success .process-icon-horizontal{background-color:var(--color-sentiment-positive)}.process-success .process-icon-vertical{background-color:#008026;background-color:var(--color-content-positive);right:0;top:100%}.np-theme-personal .process-success .process-icon-vertical{background-color:var(--color-sentiment-positive)}.process-success .process-circle{stroke:#008026;stroke:var(--color-content-positive)}.np-theme-personal .process-success .process-circle{stroke:var(--color-sentiment-positive)}.process-danger .process-icon-horizontal{background-color:#cf2929;background-color:var(--color-content-negative);left:0}.np-theme-personal .process-danger .process-icon-horizontal{background-color:var(--color-sentiment-negative)}.process-danger .process-icon-vertical{background-color:#cf2929;background-color:var(--color-content-negative);top:0}.np-theme-personal .process-danger .process-icon-vertical{background-color:var(--color-sentiment-negative)}.process-danger .process-circle{stroke:#cf2929;stroke:var(--color-content-negative)}.np-theme-personal .process-danger .process-circle{stroke:var(--color-sentiment-negative)}.process-danger .process-circle,.process-success .process-circle{animation-delay:1ms;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:ease-out}.process-danger .process-icon-horizontal,.process-success .process-icon-horizontal{animation:process-width .3s ease 1.2s forwards}.process-danger .process-icon-vertical,.process-success .process-icon-vertical{animation:process-height .3s ease 1.5s forwards}.process-stopped .process-circle{animation:none}.process-stopped .process-icon-container{display:none}.process-xs{height:12px;width:12px}.process-xs .process-circle{stroke-dashoffset:31.41592654px;stroke-dasharray:31.41592654px;stroke-width:1.5px}.process-xs.process-danger .process-icon-horizontal{height:1px;top:2.5px}.process-xs.process-danger .process-icon-vertical{left:2.5px;width:1px}.process-xs .process-icon-horizontal,.process-xs .process-icon-vertical{border-radius:.5px}.process-xs.process-success .process-icon-container{height:5px;left:4.5px;width:2.5px}.process-xs.process-success .process-icon-horizontal{height:1px}.process-xs.process-success .process-icon-vertical{width:1px}.process-xs{height:24px;width:24px}.process-xs .process-circle{stroke-dashoffset:69.11503838px;stroke-dasharray:69.11503838px;stroke-width:2px}.process-xs.process-danger .process-icon-horizontal{height:2px;top:5px}.process-xs.process-danger .process-icon-vertical{left:5px;width:2px}.process-xs .process-icon-horizontal,.process-xs .process-icon-vertical{border-radius:1px}.process-xs.process-success .process-icon-container{height:10px;left:9px;width:5px}.process-xs.process-success .process-icon-horizontal{height:2px}.process-xs.process-success .process-icon-vertical{width:2px}.process-sm{height:48px;width:48px}.process-sm .process-circle{stroke-dashoffset:144.51326207px;stroke-dasharray:144.51326207px;stroke-width:2.4px}.process-sm.process-danger .process-icon-horizontal{height:3px;top:10.5px}.process-sm.process-danger .process-icon-vertical{left:10.5px;width:3px}.process-sm .process-icon-horizontal,.process-sm .process-icon-vertical{border-radius:1.5px}.process-sm.process-success .process-icon-container{height:21px;left:18px;width:10.5px}.process-sm.process-success .process-icon-horizontal{height:3px}.process-sm.process-success .process-icon-vertical{width:3px}.process-xl{height:128px;width:128px}.process-xl .process-circle{stroke-dashoffset:395.84067435px;stroke-dasharray:395.84067435px;stroke-width:3px}.process-xl.process-danger .process-icon-horizontal{height:8px;top:28px}.process-xl.process-danger .process-icon-vertical{left:28px;width:8px}.process-xl .process-icon-horizontal,.process-xl .process-icon-vertical{border-radius:4px}.process-xl.process-success .process-icon-container{height:56px;left:48px;width:28px}.process-xl.process-success .process-icon-horizontal{height:8px}.process-xl.process-success .process-icon-vertical{width:8px}.process-xxs .process-circle{animation-name:process-chase-circle-xxs}.process-xxs.process-danger .process-circle,.process-xxs.process-success .process-circle{animation-name:process-success-circle-xxs}.process-xs .process-circle{animation-name:process-chase-circle-xs}.process-xs.process-danger .process-circle,.process-xs.process-success .process-circle{animation-name:process-success-circle-xs}.process-sm .process-circle{animation-name:process-chase-circle-sm}.process-sm.process-danger .process-circle,.process-sm.process-success .process-circle{animation-name:process-success-circle-sm}.process-xl .process-circle{animation-name:process-chase-circle-xl}.process-xl.process-danger .process-circle,.process-xl.process-success .process-circle{animation-name:process-success-circle-xl}@keyframes process-chase-circle-xxs{0%{stroke-dashoffset:93.24777961px;stroke-dasharray:31.41592654px;transform:rotate(0deg)}25%{stroke-dashoffset:30.41592654px;stroke-dasharray:15.70796327px}75%{stroke-dashoffset:30.41592654px;stroke-dasharray:23.5619449px}to{stroke-dashoffset:30.41592654px;stroke-dasharray:31.41592654px;transform:rotate(1turn)}}@keyframes process-success-circle-xxs{0%{stroke-dashoffset:30.41592654px;stroke-dasharray:31.41592654px;transform:rotate(0deg)}to{stroke-dashoffset:0;stroke-dasharray:31.41592654px;transform:rotate(1turn)}}@keyframes process-chase-circle-xs{0%{stroke-dashoffset:206.34511514px;stroke-dasharray:69.11503838px;transform:rotate(0deg)}25%{stroke-dashoffset:68.11503838px;stroke-dasharray:34.55751919px}75%{stroke-dashoffset:68.11503838px;stroke-dasharray:51.83627878px}to{stroke-dashoffset:68.11503838px;stroke-dasharray:69.11503838px;transform:rotate(1turn)}}@keyframes process-success-circle-xs{0%{stroke-dashoffset:68.11503838px;stroke-dasharray:69.11503838px;transform:rotate(0deg)}to{stroke-dashoffset:0;stroke-dasharray:69.11503838px;transform:rotate(1turn)}}@keyframes process-chase-circle-sm{0%{stroke-dashoffset:432.5397862px;stroke-dasharray:144.51326207px;transform:rotate(0deg)}25%{stroke-dashoffset:143.51326207px;stroke-dasharray:72.25663103px}75%{stroke-dashoffset:143.51326207px;stroke-dasharray:108.38494655px}to{stroke-dashoffset:143.51326207px;stroke-dasharray:144.51326207px;transform:rotate(1turn)}}@keyframes process-success-circle-sm{0%{stroke-dashoffset:143.51326207px;stroke-dasharray:144.51326207px;transform:rotate(0deg)}to{stroke-dashoffset:0;stroke-dasharray:144.51326207px;transform:rotate(1turn)}}@keyframes process-chase-circle-xl{0%{stroke-dashoffset:1186.52202306px;stroke-dasharray:395.84067435px;transform:rotate(0deg)}25%{stroke-dashoffset:394.84067435px;stroke-dasharray:197.92033718px}75%{stroke-dashoffset:394.84067435px;stroke-dasharray:296.88050576px}to{stroke-dashoffset:394.84067435px;stroke-dasharray:395.84067435px;transform:rotate(1turn)}}@keyframes process-success-circle-xl{0%{stroke-dashoffset:394.84067435px;stroke-dasharray:395.84067435px;transform:rotate(0deg)}to{stroke-dashoffset:0;stroke-dasharray:395.84067435px;transform:rotate(1turn)}}@keyframes process-width{to{width:100%}}@keyframes process-height{to{height:100%;top:0}}.btn .process:first-child{float:left;margin-left:-12px;margin-right:12px}[dir=rtl] .btn .process:first-child{float:right;margin-left:0;margin-left:12px;margin-right:-12px;margin-right:0}.btn-block .process:first-child{position:absolute}.btn .process-circle{transition:stroke .5s linear 0s}.btn-primary .process-circle,.btn-success .process-circle{stroke:#fff}.btn-primary .process-icon-horizontal,.btn-primary .process-icon-vertical,.btn-success .process-icon-horizontal,.btn-success .process-icon-vertical{background-color:#fff}.btn:focus .process-circle,.btn:hover .process-circle{stroke:#fff}.btn:focus .process-icon-horizontal,.btn:focus .process-icon-vertical,.btn:hover .process-icon-horizontal,.btn:hover .process-icon-vertical,.btn[disabled] .process-icon-horizontal,.btn[disabled] .process-icon-vertical{background-color:#fff}
package/dist/less/neptune-tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 Nov 2023 16:38:15 GMT
3
+ // Generated on Wed, 06 Dec 2023 12:40:57 GMT
4
4
 
5
5
  @color-dark-content-primary: #e2e6e8;
6
6
  @color-dark-content-secondary: #c9cbce;
@@ -219,7 +219,7 @@
219
219
  @font-family-display: 'Wise Sans', 'Inter', sans-serif;
220
220
 
221
221
  // Do not edit directly
222
- // Generated on Thu, 16 Nov 2023 16:38:15 GMT
222
+ // Generated on Wed, 06 Dec 2023 12:40:57 GMT
223
223
 
224
224
  @color-base-blue-light: #00b9ff;
225
225
  @color-base-blue-mid: #00a2dd;
package/dist/props/neptune-tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Nov 2023 16:38:15 GMT
3
+ * Generated on Wed, 06 Dec 2023 12:40:57 GMT
4
4
  */
5
5
 
6
6
  :root {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-css",
3
3
  "description": "Neptune CSS library",
4
- "version": "14.7.1",
4
+ "version": "14.8.1",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -23,7 +23,7 @@
23
23
  "scripts"
24
24
  ],
25
25
  "dependencies": {
26
- "@transferwise/neptune-tokens": "^8.7.0"
26
+ "@transferwise/neptune-tokens": "^8.8.0"
27
27
  },
28
28
  "devDependencies": {
29
29
  "modern-normalize": "^2.0.0",
package/src/less/core/_scaffolding.less CHANGED
@@ -36,9 +36,7 @@
36
36
  line-height: var(--line-height-body);
37
37
  }
38
38
 
39
- .np-theme-personal,
40
- .np-personal--forest-green,
41
- .np-personal--bright-green {
39
+ .np-theme-personal {
42
40
  --font-family-regular: "Inter", sans-serif, helvetica, arial, sans-serif !important;
43
41
 
44
42
  font-family: var(--font-family-regular);
package/src/less/droppable.less CHANGED
@@ -148,7 +148,7 @@
148
148
  background-color: #404440;
149
149
  }
150
150
 
151
- .np-theme-personal--forrest-green & {
151
+ .np-theme-personal--forest-green & {
152
152
  // is a hex code because can't have transparency
153
153
  background-color: #455C35;
154
154
  }
package/src/less/forms/bootstrap-forms.less CHANGED
@@ -31,14 +31,6 @@ fieldset {
31
31
  legend {
32
32
  display: block;
33
33
  width: 100%;
34
- padding: 32px 0 16px 0;
35
- margin-bottom: 32px;
36
- font-size: var(--font-size-16);
37
- font-weight: var(--font-weight-semi-bold);
38
- line-height: var(--line-height-title);
39
- color: var(--color-content-primary);
40
- border: 0;
41
- border-bottom: 1px solid var(--color-border-neutral);
42
34
  }
43
35
 
44
36
  label {
package/src/less/navbar-base.less CHANGED
@@ -20,7 +20,7 @@
20
20
  min-height: @navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
21
21
  margin-bottom: @navbar-margin-bottom;
22
22
  border: 0 solid transparent;
23
- transition: border-top-width 0s linear, background-color 0.2s linear;
23
+ transition: border-top-width 0s linear;
24
24
 
25
25
  // Prevent floats from breaking the navbar
26
26
 
@@ -1018,21 +1018,24 @@
1018
1018
  }
1019
1019
 
1020
1020
  .text-ellipses,
1021
- .text-ellipsis {
1021
+ .text-ellipsis,
1022
+ .truncate {
1022
1023
  max-width: 75px;
1023
1024
  display: inline-block;
1024
1025
  }
1025
1026
 
1026
1027
  @media (min-width: @screen-lg-min) {
1027
1028
  .text-ellipses,
1028
- .text-ellipsis {
1029
+ .text-ellipsis,
1030
+ .truncate {
1029
1031
  max-width: 125px;
1030
1032
  }
1031
1033
  }
1032
1034
 
1033
1035
  @media (min-width: @screen-xl-min) {
1034
1036
  .text-ellipses,
1035
- .text-ellipsis {
1037
+ .text-ellipsis,
1038
+ .truncate {
1036
1039
  max-width: 220px;
1037
1040
  }
1038
1041
  }
@@ -1263,7 +1266,9 @@
1263
1266
  }
1264
1267
  }
1265
1268
 
1266
- .simple-nav .profile-name .text-ellipsis {
1269
+ .simple-nav .profile-name .text-ellipses,
1270
+ .simple-nav .profile-name .text-ellipsis,
1271
+ .simple-nav .profile-name .truncate {
1267
1272
  max-width: 240px;
1268
1273
  }
1269
1274
 
package/src/less/navbar.less CHANGED
@@ -95,7 +95,9 @@
95
95
  }
96
96
  }
97
97
 
98
- .tw-public-navigation-item-content__text.text-ellipsis {
98
+ .tw-public-navigation-item-content__text.text-ellipsis,
99
+ .tw-public-navigation-item-content__text.text-ellipses,
100
+ .tw-public-navigation-item-content__text.truncate {
99
101
  display: inline-block;
100
102
  }
101
103
 
package/src/less/process.less CHANGED
@@ -56,6 +56,7 @@
56
56
  stroke: var(--color-content-accent);
57
57
  stroke-opacity: 1;
58
58
  stroke-linecap: round;
59
+ -webkit-transform: translate3d(0, 0, 0);
59
60
  animation-duration: 1.5s;
60
61
  animation-timing-function: ease-out;
61
62
  animation-iteration-count: infinite;