vue-navigation-bar
vue-navigation-bar
is a simple, pretty navbar for your Vue projects. And wouldn't you know it - this page is using it right now!
Check out the GitHub page to see how you can use vue-navigation-bar
in your Vue projects.
diff --git a/.gitignore b/.gitignore index fd4f2b0..03f59d8 100755 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,11 @@ -node_modules .DS_Store +node_modules + +# https://yarnpkg.com/getting-started/qa#which-files-should-be-gitignored +.pnp.* +.yarn/* +!.yarn/patches +!.yarn/plugins +!.yarn/releases +!.yarn/sdks +!.yarn/versions diff --git a/.yarnrc.yml b/.yarnrc.yml new file mode 100644 index 0000000..055ed16 --- /dev/null +++ b/.yarnrc.yml @@ -0,0 +1,2 @@ +enableTelemetry: false +nodeLinker: node-modules diff --git a/CHANGELOG.md b/CHANGELOG.md index 2bcf6de..bd75136 100755 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,6 @@ # CHANGELOG.md -## 5.0.0 (2022-03-20) +## 5.0.1 (2022-03-20) - Upgrade to Vue 3 support at `v5.0.0` and beyond. Vue 2 support is available at `v4.1.0`. diff --git a/dist/vue-navigation-bar.css b/dist/vue-navigation-bar.css index 0a821a4..cc34295 100644 --- a/dist/vue-navigation-bar.css +++ b/dist/vue-navigation-bar.css @@ -23,6 +23,18 @@ height: auto; } +.vnb__brand-image-wrapper { + padding-left: 10px; +} +.vnb__brand-image-wrapper__link__image { + max-height: 30px; +} + +.vnb-image { + max-width: 100%; + height: auto; +} + .vnb__collapse-button { cursor: pointer; border: 0; @@ -195,18 +207,6 @@ height: auto; } -.vnb__brand-image-wrapper { - padding-left: 10px; -} -.vnb__brand-image-wrapper__link__image { - max-height: 30px; -} - -.vnb-image { - max-width: 100%; - height: auto; -} - .vnb__menu-options__option__button { display: flex; flex-direction: row; @@ -342,6 +342,27 @@ width: 30px; } +.tippy-box[data-animation=scale][data-placement^=top] { + transform-origin: bottom; +} + +.tippy-box[data-animation=scale][data-placement^=bottom] { + transform-origin: top; +} + +.tippy-box[data-animation=scale][data-placement^=left] { + transform-origin: right; +} + +.tippy-box[data-animation=scale][data-placement^=right] { + transform-origin: left; +} + +.tippy-box[data-animation=scale][data-state=hidden] { + transform: scale(0.5); + opacity: 0; +} + .tippy-box[data-animation=perspective][data-placement^=top] { transform-origin: bottom; } @@ -394,27 +415,6 @@ opacity: 0; } -.tippy-box[data-animation=scale][data-placement^=top] { - transform-origin: bottom; -} - -.tippy-box[data-animation=scale][data-placement^=bottom] { - transform-origin: top; -} - -.tippy-box[data-animation=scale][data-placement^=left] { - transform-origin: right; -} - -.tippy-box[data-animation=scale][data-placement^=right] { - transform-origin: left; -} - -.tippy-box[data-animation=scale][data-state=hidden] { - transform: scale(0.5); - opacity: 0; -} - .tippy-box[data-animation=shift-away][data-state=hidden] { opacity: 0; } diff --git a/docs/1.8b3f4a87d04c8db5f59d.css b/docs/1.17412f9539ec0c43e566.css similarity index 100% rename from docs/1.8b3f4a87d04c8db5f59d.css rename to docs/1.17412f9539ec0c43e566.css diff --git a/docs/index.html b/docs/index.html index a01ab71..c0dc98c 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1 +1 @@ -
vue-navigation-bar
is a simple, pretty navbar for your Vue projects. And wouldn't you know it - this page is using it right now!
Check out the GitHub page to see how you can use vue-navigation-bar
in your Vue projects.
vue-navigation-bar
is a simple, pretty navbar for your Vue projects. And wouldn't you know it - this page is using it right now!
Check out the GitHub page to see how you can use vue-navigation-bar
in your Vue projects.