Skip to content

Commit

Permalink
[Release] v2.7.1
Browse files Browse the repository at this point in the history
  • Loading branch information
@ptkdev
ptkdev committed Jan 18, 2021
1 parent c8ac82c commit 1fae612
Show file tree
Hide file tree
Showing 8 changed files with 13 additions and 13 deletions.
4 changes: 2 additions & 2 deletions dist/lib/en/instagram-widget.js
View file
@@ -1,4 +1,4 @@
// WebComponent: InstagramWidget 2.7.0 - Collection of WebComponents by Patryk Rzucidlo [@PTKDev] <support@ptkdev.io>
// WebComponent: InstagramWidget 2.7.1 - Collection of WebComponents by Patryk Rzucidlo [@PTKDev] <support@ptkdev.io>
// https://github.com/ptkdev-components/webcomponent-instagram-widget
(function() { /**
* InstagramWidget WebComponent
Expand All @@ -15,7 +15,7 @@ class InstagramWidget extends HTMLElement {
super();

const template = document.createElement("template");
template.innerHTML = `<style id="instagram-widget-style" part="style">#instagram-widget *{margin:0;padding:0;line-height:0}#instagram-widget .instagram-widget-container{text-align:center;justify-content:center;font-weight:500}#instagram-widget .instagram-widget-photos li img{border-radius:5%;background-color:#f8f8ff;object-fit:cover;object-position:50% 50%;max-width:300px;max-height:300px;min-width:80px;min-height:80px;margin:2px}#instagram-widget .instagram-content ul{list-style-type:none;padding-inline-start:0;width:100%}#instagram-widget .instagram-widget-photos li{list-style-type:none;display:inline}#instagram-widget .instagram-widget-error-api,#instagram-widget .instagram-widget-loading,#instagram-widget .instagram-widget-powered,#instagram-widget .instagram-widget-support{font-family:monospace,sans-serif;font-weight:600;padding-top:20px;height:100%;background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:normal!important}#instagram-widget a.instagram-widget-href::before{content:'';position:absolute;left:50%;bottom:-2px;width:100%;height:1px;background-color:#fc2f70;transform-origin:center;transform:translate(-50%,0) scaleX(1);transition:transform .3s ease-in-out}#instagram-widget a.instagram-widget-href:hover::before{transform:translate(-50%,0) scaleX(0)}#instagram-widget a.instagram-widget-href{position:relative;background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:3px}#instagram-widget .instagram-widget-powered,#instagram-widget .instagram-widget-support{font-size:xx-small}#instagram-widget .instagram-widget-spinner{display:block;transform:translate -50%,-50%;width:50px;height:50px;margin:0 auto}#instagram-widget .instagram-widget-svg{animation:2s linear infinite instagram-widget-svg-animation;max-width:100px}#instagram-widget .instagram-widget-circle{animation:1.4s ease-in-out infinite both instagram-widget-circle-animation;display:block;fill:transparent;stroke:url(#instagram-widget-gradient);stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:280;stroke-width:8px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@keyframes instagram-widget-svg-animation{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}@-webkit-keyframes instagram-widget-circle-animation{0%,25%{stroke-dashoffset:280;transform:rotate(0)}50%,75%{stroke-dashoffset:75;transform:rotate(45deg)}100%{stroke-dashoffset:280;transform:rotate(360deg)}}@keyframes instagram-widget-circle-animation{0%,25%{stroke-dashoffset:280;transform:rotate(0)}50%,75%{stroke-dashoffset:75;transform:rotate(45deg)}100%{stroke-dashoffset:280;transform:rotate(360deg)}}</style><div id="instagram-widget" part="main" version="2.7.0">
template.innerHTML = `<style id="instagram-widget-style" part="style">#instagram-widget *{margin:0;padding:0;line-height:0}#instagram-widget .instagram-widget-container{text-align:center;justify-content:center;font-weight:500}#instagram-widget .instagram-widget-photos li img{border-radius:5%;background-color:#f8f8ff;object-fit:cover;object-position:50% 50%;max-width:300px;max-height:300px;min-width:80px;min-height:80px;margin:2px}#instagram-widget .instagram-content ul{list-style-type:none;padding-inline-start:0;width:100%}#instagram-widget .instagram-widget-photos li{list-style-type:none;display:inline}#instagram-widget .instagram-widget-error-api,#instagram-widget .instagram-widget-loading,#instagram-widget .instagram-widget-powered,#instagram-widget .instagram-widget-support{font-family:monospace,sans-serif;font-weight:600;padding-top:20px;height:100%;background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:normal!important}#instagram-widget a.instagram-widget-href::before{content:'';position:absolute;left:50%;bottom:-2px;width:100%;height:1px;background-color:#fc2f70;transform-origin:center;transform:translate(-50%,0) scaleX(1);transition:transform .3s ease-in-out}#instagram-widget a.instagram-widget-href:hover::before{transform:translate(-50%,0) scaleX(0)}#instagram-widget a.instagram-widget-href{position:relative;background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:3px}#instagram-widget .instagram-widget-powered,#instagram-widget .instagram-widget-support{font-size:xx-small}#instagram-widget .instagram-widget-spinner{display:block;transform:translate -50%,-50%;width:50px;height:50px;margin:0 auto}#instagram-widget .instagram-widget-svg{animation:2s linear infinite instagram-widget-svg-animation;max-width:100px}#instagram-widget .instagram-widget-circle{animation:1.4s ease-in-out infinite both instagram-widget-circle-animation;display:block;fill:transparent;stroke:url(#instagram-widget-gradient);stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:280;stroke-width:8px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@keyframes instagram-widget-svg-animation{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}@-webkit-keyframes instagram-widget-circle-animation{0%,25%{stroke-dashoffset:280;transform:rotate(0)}50%,75%{stroke-dashoffset:75;transform:rotate(45deg)}100%{stroke-dashoffset:280;transform:rotate(360deg)}}@keyframes instagram-widget-circle-animation{0%,25%{stroke-dashoffset:280;transform:rotate(0)}50%,75%{stroke-dashoffset:75;transform:rotate(45deg)}100%{stroke-dashoffset:280;transform:rotate(360deg)}}</style><div id="instagram-widget" part="main" version="2.7.1">
<div class="instagram-widget-container" part="container">
<div class="instagram-widget-content" part="content"></div>
<div class="instagram-widget-content-loading" part="content-loading" style="display: block;">
Expand Down
4 changes: 2 additions & 2 deletions dist/lib/en/instagram-widget.min.js
View file

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions dist/lib/it/instagram-widget.js
View file
@@ -1,4 +1,4 @@
// WebComponent: InstagramWidget 2.7.0 - Collection of WebComponents by Patryk Rzucidlo [@PTKDev] <support@ptkdev.io>
// WebComponent: InstagramWidget 2.7.1 - Collection of WebComponents by Patryk Rzucidlo [@PTKDev] <support@ptkdev.io>
// https://github.com/ptkdev-components/webcomponent-instagram-widget
(function() { /**
* InstagramWidget WebComponent
Expand All @@ -15,7 +15,7 @@ class InstagramWidget extends HTMLElement {
super();

const template = document.createElement("template");
template.innerHTML = `<style id="instagram-widget-style" part="style">#instagram-widget *{margin:0;padding:0;line-height:0}#instagram-widget .instagram-widget-container{text-align:center;justify-content:center;font-weight:500}#instagram-widget .instagram-widget-photos li img{border-radius:5%;background-color:#f8f8ff;object-fit:cover;object-position:50% 50%;max-width:300px;max-height:300px;min-width:80px;min-height:80px;margin:2px}#instagram-widget .instagram-content ul{list-style-type:none;padding-inline-start:0;width:100%}#instagram-widget .instagram-widget-photos li{list-style-type:none;display:inline}#instagram-widget .instagram-widget-error-api,#instagram-widget .instagram-widget-loading,#instagram-widget .instagram-widget-powered,#instagram-widget .instagram-widget-support{font-family:monospace,sans-serif;font-weight:600;padding-top:20px;height:100%;background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:normal!important}#instagram-widget a.instagram-widget-href::before{content:'';position:absolute;left:50%;bottom:-2px;width:100%;height:1px;background-color:#fc2f70;transform-origin:center;transform:translate(-50%,0) scaleX(1);transition:transform .3s ease-in-out}#instagram-widget a.instagram-widget-href:hover::before{transform:translate(-50%,0) scaleX(0)}#instagram-widget a.instagram-widget-href{position:relative;background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:3px}#instagram-widget .instagram-widget-powered,#instagram-widget .instagram-widget-support{font-size:xx-small}#instagram-widget .instagram-widget-spinner{display:block;transform:translate -50%,-50%;width:50px;height:50px;margin:0 auto}#instagram-widget .instagram-widget-svg{animation:2s linear infinite instagram-widget-svg-animation;max-width:100px}#instagram-widget .instagram-widget-circle{animation:1.4s ease-in-out infinite both instagram-widget-circle-animation;display:block;fill:transparent;stroke:url(#instagram-widget-gradient);stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:280;stroke-width:8px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@keyframes instagram-widget-svg-animation{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}@-webkit-keyframes instagram-widget-circle-animation{0%,25%{stroke-dashoffset:280;transform:rotate(0)}50%,75%{stroke-dashoffset:75;transform:rotate(45deg)}100%{stroke-dashoffset:280;transform:rotate(360deg)}}@keyframes instagram-widget-circle-animation{0%,25%{stroke-dashoffset:280;transform:rotate(0)}50%,75%{stroke-dashoffset:75;transform:rotate(45deg)}100%{stroke-dashoffset:280;transform:rotate(360deg)}}</style><div id="instagram-widget" part="main" version="2.7.0">
template.innerHTML = `<style id="instagram-widget-style" part="style">#instagram-widget *{margin:0;padding:0;line-height:0}#instagram-widget .instagram-widget-container{text-align:center;justify-content:center;font-weight:500}#instagram-widget .instagram-widget-photos li img{border-radius:5%;background-color:#f8f8ff;object-fit:cover;object-position:50% 50%;max-width:300px;max-height:300px;min-width:80px;min-height:80px;margin:2px}#instagram-widget .instagram-content ul{list-style-type:none;padding-inline-start:0;width:100%}#instagram-widget .instagram-widget-photos li{list-style-type:none;display:inline}#instagram-widget .instagram-widget-error-api,#instagram-widget .instagram-widget-loading,#instagram-widget .instagram-widget-powered,#instagram-widget .instagram-widget-support{font-family:monospace,sans-serif;font-weight:600;padding-top:20px;height:100%;background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:normal!important}#instagram-widget a.instagram-widget-href::before{content:'';position:absolute;left:50%;bottom:-2px;width:100%;height:1px;background-color:#fc2f70;transform-origin:center;transform:translate(-50%,0) scaleX(1);transition:transform .3s ease-in-out}#instagram-widget a.instagram-widget-href:hover::before{transform:translate(-50%,0) scaleX(0)}#instagram-widget a.instagram-widget-href{position:relative;background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:3px}#instagram-widget .instagram-widget-powered,#instagram-widget .instagram-widget-support{font-size:xx-small}#instagram-widget .instagram-widget-spinner{display:block;transform:translate -50%,-50%;width:50px;height:50px;margin:0 auto}#instagram-widget .instagram-widget-svg{animation:2s linear infinite instagram-widget-svg-animation;max-width:100px}#instagram-widget .instagram-widget-circle{animation:1.4s ease-in-out infinite both instagram-widget-circle-animation;display:block;fill:transparent;stroke:url(#instagram-widget-gradient);stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:280;stroke-width:8px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@keyframes instagram-widget-svg-animation{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}@-webkit-keyframes instagram-widget-circle-animation{0%,25%{stroke-dashoffset:280;transform:rotate(0)}50%,75%{stroke-dashoffset:75;transform:rotate(45deg)}100%{stroke-dashoffset:280;transform:rotate(360deg)}}@keyframes instagram-widget-circle-animation{0%,25%{stroke-dashoffset:280;transform:rotate(0)}50%,75%{stroke-dashoffset:75;transform:rotate(45deg)}100%{stroke-dashoffset:280;transform:rotate(360deg)}}</style><div id="instagram-widget" part="main" version="2.7.1">
<div class="instagram-widget-container" part="container">
<div class="instagram-widget-content" part="content"></div>
<div class="instagram-widget-content-loading" part="content-loading" style="display: block;">
Expand Down

0 comments on commit 1fae612

Please sign in to comment.