Skip to content

Commit 02b44b9

Browse files
Bump version
1 parent a14a106 commit 02b44b9

File tree

2 files changed

+84
-84
lines changed

2 files changed

+84
-84
lines changed

dist/vue-navigation-bar.css

Lines changed: 83 additions & 83 deletions
Original file line numberDiff line numberDiff line change
@@ -23,16 +23,37 @@
2323
height: auto;
2424
}
2525

26-
.vnb__brand-image-wrapper {
27-
padding-left: 10px;
26+
.vnb__menu-options {
27+
display: flex;
28+
flex-direction: row;
29+
align-items: center;
2830
}
29-
.vnb__brand-image-wrapper__link__image {
30-
max-height: 30px;
31+
.vnb__menu-options--left {
32+
margin-right: auto;
33+
justify-content: flex-start;
34+
padding-left: 30px;
35+
}
36+
.vnb__menu-options--right {
37+
margin-left: auto;
38+
justify-content: flex-end;
39+
padding-right: 10px;
40+
}
41+
.vnb__menu-options__option:not(:last-child) {
42+
margin-right: 20px;
3143
}
3244

33-
.vnb-image {
34-
max-width: 100%;
35-
height: auto;
45+
.vnb__collapse-button {
46+
cursor: pointer;
47+
border: 0;
48+
background: transparent;
49+
margin-right: 10px;
50+
}
51+
.vnb__collapse-button:hover {
52+
opacity: 0.75;
53+
}
54+
.vnb__collapse-button__image {
55+
max-height: 30px;
56+
max-width: 30px;
3657
}
3758

3859
.vnb__popup {
@@ -174,37 +195,16 @@
174195
height: auto;
175196
}
176197

177-
.vnb__menu-options {
178-
display: flex;
179-
flex-direction: row;
180-
align-items: center;
181-
}
182-
.vnb__menu-options--left {
183-
margin-right: auto;
184-
justify-content: flex-start;
185-
padding-left: 30px;
186-
}
187-
.vnb__menu-options--right {
188-
margin-left: auto;
189-
justify-content: flex-end;
190-
padding-right: 10px;
198+
.vnb__brand-image-wrapper {
199+
padding-left: 10px;
191200
}
192-
.vnb__menu-options__option:not(:last-child) {
193-
margin-right: 20px;
201+
.vnb__brand-image-wrapper__link__image {
202+
max-height: 30px;
194203
}
195204

196-
.vnb__collapse-button {
197-
cursor: pointer;
198-
border: 0;
199-
background: transparent;
200-
margin-right: 10px;
201-
}
202-
.vnb__collapse-button:hover {
203-
opacity: 0.75;
204-
}
205-
.vnb__collapse-button__image {
206-
max-height: 30px;
207-
max-width: 30px;
205+
.vnb-image {
206+
max-width: 100%;
207+
height: auto;
208208
}
209209

210210
.vnb__menu-options__option__link {
@@ -342,26 +342,47 @@
342342
width: 30px;
343343
}
344344

345-
.tippy-box[data-animation=shift-away][data-state=hidden] {
345+
.tippy-box[data-animation=scale][data-placement^=top] {
346+
transform-origin: bottom;
347+
}
348+
349+
.tippy-box[data-animation=scale][data-placement^=bottom] {
350+
transform-origin: top;
351+
}
352+
353+
.tippy-box[data-animation=scale][data-placement^=left] {
354+
transform-origin: right;
355+
}
356+
357+
.tippy-box[data-animation=scale][data-placement^=right] {
358+
transform-origin: left;
359+
}
360+
361+
.tippy-box[data-animation=scale][data-state=hidden] {
362+
transform: scale(0.5);
346363
opacity: 0;
347364
}
348365

349-
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
350-
transform: translateY(10px);
366+
.tippy-box[data-animation=shift-toward][data-state=hidden] {
367+
opacity: 0;
351368
}
352369

353-
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
370+
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=top] {
354371
transform: translateY(-10px);
355372
}
356373

357-
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
358-
transform: translateX(10px);
374+
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=bottom] {
375+
transform: translateY(10px);
359376
}
360377

361-
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
378+
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=left] {
362379
transform: translateX(-10px);
363380
}
364381

382+
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=right] {
383+
transform: translateX(10px);
384+
}
385+
365386
.tippy-box[data-animation=perspective][data-placement^=top] {
366387
transform-origin: bottom;
367388
}
@@ -414,47 +435,6 @@
414435
opacity: 0;
415436
}
416437

417-
.tippy-box[data-animation=shift-toward][data-state=hidden] {
418-
opacity: 0;
419-
}
420-
421-
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=top] {
422-
transform: translateY(-10px);
423-
}
424-
425-
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=bottom] {
426-
transform: translateY(10px);
427-
}
428-
429-
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=left] {
430-
transform: translateX(-10px);
431-
}
432-
433-
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=right] {
434-
transform: translateX(10px);
435-
}
436-
437-
.tippy-box[data-animation=scale][data-placement^=top] {
438-
transform-origin: bottom;
439-
}
440-
441-
.tippy-box[data-animation=scale][data-placement^=bottom] {
442-
transform-origin: top;
443-
}
444-
445-
.tippy-box[data-animation=scale][data-placement^=left] {
446-
transform-origin: right;
447-
}
448-
449-
.tippy-box[data-animation=scale][data-placement^=right] {
450-
transform-origin: left;
451-
}
452-
453-
.tippy-box[data-animation=scale][data-state=hidden] {
454-
transform: scale(0.5);
455-
opacity: 0;
456-
}
457-
458438
.tippy-box[data-theme~=light] {
459439
color: #26323d;
460440
box-shadow: 0 0 20px 4px rgba(154, 161, 177, 0.15), 0 4px 80px -8px rgba(36, 40, 47, 0.25), 0 4px 4px -2px rgba(91, 94, 105, 0.15);
@@ -483,4 +463,24 @@
483463

484464
.tippy-box[data-theme~=light] > .tippy-svg-arrow {
485465
fill: #fff;
466+
}
467+
468+
.tippy-box[data-animation=shift-away][data-state=hidden] {
469+
opacity: 0;
470+
}
471+
472+
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
473+
transform: translateY(10px);
474+
}
475+
476+
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
477+
transform: translateY(-10px);
478+
}
479+
480+
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
481+
transform: translateX(10px);
482+
}
483+
484+
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
485+
transform: translateX(-10px);
486486
}

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -86,5 +86,5 @@
8686
},
8787
"sideEffects": false,
8888
"unpkg": "dist/vue-navigation-bar.min.js",
89-
"version": "6.0.1"
89+
"version": "6.1.0"
9090
}

0 commit comments

Comments
 (0)