sass-template-common 0.9.47 → 0.9.49
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 +1 @@
|
|
|
1
|
-
.comments-container{width:90%;padding:2rem 1.5rem;background-color:var(--comments-background, white);font-family:Arial,sans-serif;--section-title-tab-background: #0163E9;--section-title-tab-width: 6px;--section-title-tab-height: 40px;--section-title-padding-desk: 1rem 1rem 5px 14px;--section-title-padding-mobile: 0 .5rem 0px 14px;--section-margin-botton-card: 0px}.comments-container:empty,.comments-container:has(>section>div:empty){display:none}.comments-container *{font-family:Arial,sans-serif}.comment-form{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px}.comment-form.reply-form{box-shadow:none;border:1px solid #d9d9d9}.reply-form .form-actions{margin-top:1rem}.reply-form:has(+.comment-replies){margin-bottom:20px}.close-reply-form{right:24px;top:17px;width:24px;height:24px;z-index:1}.comment-form>.comment-username{margin-bottom:26px}.comment-form label{letter-spacing:0px;font-size:18px;line-height:28px;color:#1f2937;margin-bottom:.5rem}.comment-form label:after{font-size:18px;line-height:28px;content:"*";color:#ff5d2c}.comment-form label:hover{opacity:1}.comment-form input::placeholder,.comment-form textarea::placeholder{color:#7b888a}.comment-form input,.comment-form textarea{padding:12px;letter-spacing:0px;font-size:18px;line-height:28px;color:#000;border-bottom:1px solid #D9D9D9}.comment-form textarea.warn:placeholder-shown{border-color:#ef4444}.comment-form textarea{resize:none}.comment-form .form-actions div:has(.g-recaptcha-response){width:100px!important}.comment-form div:has(>textarea):after{content:attr(data-text);position:absolute;right:8px;bottom:1rem;font-size:14px;color:#666}.comment-form div:has(>textarea.over-limit):after{color:#ef4444}.comment-form.anoninus-form{padding:20px}.comments-header>.anonimus-message{margin-top:-3px;margin-bottom:27px;font-size:18px;line-height:28px}.comments-header>.anonimus-message>button,.comments-header>.anonimus-message>a{color:#2e6fef;background:none;font-size:18px;line-height:28px;font-weight:var(--fw);font-family:Arial,sans-serif!important;letter-spacing:.5px}.form-actions{margin-top:2rem}.submit-zone{width:100%!important;margin:auto 0;gap:1px}.submit-warning{font-size:14px;color:#ef4444;font-family:Arial,Helvetica,sans-serif;letter-spacing:0px;line-height:28px}.submit-btn{width:fit-content;gap:10px;padding:16px 40px;border-radius:var(--comments-submit-btn-radius, 50px);color:var(--primary-main);border:var(--comments-submit-btn-border, 3px solid var(--primary-main));font-size:18px;line-height:18px;letter-spacing:.5px;font-family:Arial,sans-serif!important;white-space:nowrap;overflow:hidden;width:var(--button-width);transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.submit-btn.active:hover{opacity:1;background-color:var(--primary-main);color:#fff}.submit-btn.disabled{color:#d9d9d9;border-color:#d9d9d9}.success-gif-container{height:56px;width:90px}.success-gif{width:90px;top:-15px}.comments-list{margin-top:2rem}.comment-item:not(.reply){padding-bottom:24px}.comment-header-container{gap:14px}.comment-header-container[data-hasreplies=true]>:first-child:after{content:"";position:absolute;background-color:#d9d9d9;width:3px;height:calc(100% - 60px);bottom:14px}.comment-header-container[data-hasreplies=true]:has(.comment-replies-button.reply-button)>:first-child:after{height:calc(100% - 60px);bottom:14px}.comment-replies .comment-header-container>:first-child:after,.comment-replies-button.reply-button:after{content:"";position:absolute;width:25px;left:-31px;height:3px;background-color:#d9d9d9}.comment-replies .comment-item:last-child .comment-header-container>:first-child:before{content:"";position:absolute;width:35px;top:19px;left:-40px;height:100%;background-color:var(--comments-background, white)}.comment-avatar{width:36px;height:36px;background-color:var(--comment-avatar-color, --primary-main);color:#fff;font-size:16px;letter-spacing:0px;line-height:0px}.comment-avatar-img{background-color:var(--grey-300)}.comment-header{gap:3px .5rem;margin-top:5px;width:fit-content;margin-bottom:.1rem}.comment-username{font-size:17px;line-height:28px;font-family:var(--ff);letter-spacing:0px;color:var(--comment-avatar-username-color, black)}.comment-username.user-welcome{font-size:19px}.comment-header-dot{font-size:12px;color:#6b7280}.comment-date{font-size:14px;line-height:14px;color:#6b7280;letter-spacing:0px}.comment-reply-to{font-size:14px;letter-spacing:0px;color:#6b7280;margin-bottom:14px}.comment-reply-to strong{letter-spacing:0px;color:#374151;font-family:Arial,Helvetica,sans-serif!important}.comment-text{font-size:18px;color:#000;line-height:28px;letter-spacing:0px}[data-isauthenticated=false] .comment-text:has(+.comment-actions),.comment-text:has(+:not(.comment-actions)),.comment-replies .comment-text:last-child{padding-bottom:20px}.comment-actions{gap:1rem;padding-bottom:12px;background-color:var(--comments-background, white)}[data-isauthenticated=false] .comment-actions{display:none}.comment-replies-button{color:var(--primary-main);border:2px solid var(--primary-main);font-size:18px;padding:11px 22px;margin:0 auto;letter-spacing:0px;font-family:Arial,Helvetica,sans-serif;font-weight:700!important;background-color:#fff}.comment-replies-button.reply-button{padding:6px 14px;font-size:14px;margin:0;background-color:var(--grey-200)}.comment-replies-button:hover{opacity:1;background-color:var(--primary-main);color:#fff}.comment-actions:has(+.comment-replies){padding-bottom:20px}.comment-action-btn{font-size:14px;color:#4b5563;transition:color .2s ease}.comment-action-btn:hover{color:#1f2937}.user-actions-options.show+.user-actions-span svg{rotate:180deg}.user-actions-options.show{display:flex}.user-actions-options>button:hover{color:var(--primary-main);opacity:1}.user-actions-options>button{font-size:14px;line-height:28px;letter-spacing:0px;color:#000;font-weight:400!important;font-family:Arial,sans-serif!important}.user-actions-options{background-color:#fff;box-shadow:0 5px 14px #0000001a;border-radius:5px;top:100%;z-index:2;right:-50%}@media(min-width:1200px){.comments-container{width:100%}}@media(max-width:900px){.comments-container{width:100%;padding:0}.comment-header{margin-top:1px}.comment-text,.comment-actions{position:relative;left:-40px}.comment-replies .comment-item:last-child .comment-header-container>:first-child:before{top:15px}.comment-avatar{width:30px;height:30px}.form-actions{flex-direction:column;align-items:start;gap:1.5rem}.form-actions>*{width:100%}.submit-btn{padding:16px 0}.form-actions>.submit-zone>*{width:100%;text-align:center}}.sass-pg-cmt-lp-overlay{position:fixed;inset:0;z-index:9999;display:flex;justify-content:center;align-items:center;background-color:#0000004d}html:has(.sass-pg-cmt-lp-overlay){overflow:hidden!important}.sass-pg-cmt-lp-header{display:flex;align-items:center;margin-bottom:51px;position:relative}.sass-pg-cmt-lp-header .sass-pg-cmt-lp-logo{fill:var(--primary-main);margin:0 auto;justify-content:center;display:flex}.sass-pg-cmt-lp-anonimusWrapper{display:flex;flex-direction:column;position:relative;align-items:center;height:170px;overflow:hidden;justify-content:end;margin-top:10px}.sass-pg-cmt-lp-anonimus,.sass-pg-cmt-lp-label,.sass-pg-cmt-lp-primary,.sass-pg-cmt-lp-checkboxRow *{font-size:16px;line-height:16px}.sass-pg-cmt-lp-anonimus{border:1px solid #2E6FEF;font-family:Arial,sans-serif!important;border-radius:4px;background:#fff;font-weight:700;color:#2e6fef;height:52px;width:100%;position:relative;z-index:1}.sass-pg-cmt-lp-anonimusImage{width:203px;height:193px;position:absolute;bottom:0;z-index:0}.sass-pg-cmt-lp-card{background:#fff;border-radius:12px;padding:36px 48px 54px;width:90%;max-width:518px;display:flex;flex-direction:column;max-height:90dvh;box-shadow:0 5px 14px #0003;position:relative;animation:slideUp .3s ease-out}.sass-pg-cmt-lp-close{position:absolute;border:0;right:-1rem;background:transparent;font-size:1.2rem;color:#666;cursor:pointer}.sass-pg-cmt-lp-close:hover{color:#111}.sass-pg-cmt-lp-title{font-size:1.4rem;text-align:center;font-weight:800;font-family:var(--ff);margin-bottom:1rem;color:#222}.sass-pg-cmt-lp-form,.sass-pg-cmt-lp-formUl{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.sass-pg-cmt-lp-form{padding-top:1rem;overflow:hidden}.sass-pg-cmt-lp-formUl{padding:0;overflow-y:auto;overflow-x:hidden;width:100%}.sass-pg-cmt-lp-field{display:flex;flex-direction:column;gap:.35rem;width:100%}.sass-pg-cmt-lp-label{color:#444;font-family:Arial,Helvetica,sans-serif;font-weight:600;opacity:1!important}.sass-pg-cmt-lp-input{width:100%;padding:1rem .9rem;border:1px solid #e1e4ea;border-radius:10px;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}.sass-pg-cmt-lp-input:focus{border-color:var(--primary-main)}.sass-pg-cmt-lp-form[data-error=true] .sass-pg-cmt-lp-input:placeholder-shown{border-color:#dc2626}.sass-pg-cmt-lp-error{color:#dc2626;font-size:.9rem;margin-top:-.4rem}.sass-pg-cmt-lp-primary{position:relative;padding:0 2rem;width:100%;height:54px;text-transform:uppercase;letter-spacing:1px;background-color:#2e6fef;color:var(--common-white);border-radius:4px;margin-top:20px;border:none;cursor:pointer;display:flex;align-items:center;font-family:var(--ff, Arial)!important;justify-content:center}.sass-pg-cmt-lp-primary:hover{opacity:1;background:var(--primary-light)}.sass-pg-cmt-lp-primary:disabled{opacity:.7;cursor:not-allowed}.sass-pg-cmt-lp-divider{position:relative;text-align:center;margin:1rem 0 .5rem;color:#6b7280;font-size:.9rem}.sass-pg-cmt-lp-divider:before,.sass-pg-cmt-lp-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#e5e7eb}.sass-pg-cmt-lp-divider:before{left:0}.sass-pg-cmt-lp-divider:after{right:0}.sass-pg-cmt-lp-google{width:100%;display:flex;align-items:center;justify-content:center;gap:.7rem;border:1px solid #e5e7eb;border-radius:10px;padding:1rem .9rem;background:#fff;cursor:pointer;transition:box-shadow .2s,transform .02s}.sass-pg-cmt-lp-google span{font-size:18px;line-height:18px;font-family:Arial,Helvetica,sans-serif;font-weight:700}.sass-pg-cmt-lp-google:hover{background-color:var(--grey-300);box-shadow:0 2px 10px #0000000f}.sass-pg-cmt-lp-google:active{transform:scale(.99)}.sass-pg-cmt-lp-googleIcon{width:20px;height:20px}@media(max-width:900px){.sass-pg-cmt-lp-card{padding:36px 24px 54px}.sass-pg-cmt-lp-close{right:0}.sass-pg-cmt-lp-header .sass-pg-cmt-lp-logo{margin:0}}button .sass-pg-cmt-lp-spin{color:#fff}.sass-pg-cmt-lp-spin{height:2rem;width:2rem;color:#0073be;position:absolute}.sass-pg-cmt-lp-checkboxRow{display:flex;align-items:center;gap:6px;padding:.5rem 0}.sass-pg-cmt-lp-checkboxRow *{padding:0;font-weight:700;font-family:Arial,Helvetica,sans-serif}.sass-pg-cmt-lp-checkboxRow a,.sass-pg-cmt-lp-checkboxRow a:active,.sass-pg-cmt-lp-checkboxRow a:hover{color:var(--primary-main)}.sass-pg-cmt-lp-checkboxRow a:active,.sass-pg-cmt-lp-checkboxRow a:hover{text-decoration:underline}.sass-pg-cmt-lp-checkboxRow :nth-child(2){margin-right:auto}.sass-pg-cmt-lp-switch,.sass-pg-cmt-lp-terms{text-align:center;font-size:14px;padding:0}.sass-pg-cmt-lp-switch{margin-top:16px;line-height:14px}.sass-pg-cmt-lp-terms{margin-bottom:-18px;line-height:18px}.sass-pg-cmt-lp-terms a{margin:0 3px;color:var(--primary-main)}.sass-pg-cmt-lp-switch a,.sass-pg-cmt-lp-switch button,.sass-pg-cmt-lp-forgotPassword{color:var(--primary-main);font-size:14px;line-height:14px;margin-left:7px;padding:0;background-color:transparent;border:none}.sass-pg-cmt-lp-switch a:hover,.sass-pg-cmt-lp-switch button:hover,.sass-pg-cmt-lp-terms a:hover,.sass-pg-cmt-lp-forgotPassword:hover{text-decoration:underline}.sass-pg-cmt-lp-forgotPassword{display:block;text-align:center;margin-top:6px;font-family:var(--ff)}.sass-pg-cmt-lp-message{font-family:Arial,sans-serif;font-weight:600}.sass-pg-cmt-lp-formUl [name=password][value=""]:not(:focus)+.sass-pg-cmt-lp-passwordChecker{display:none}.sass-pg-cmt-lp-passwordChecker{margin-top:6px;font-size:.9rem;line-height:1.4;padding-left:.7rem}.sass-pg-cmt-lp-passwordChecker>div{display:grid;justify-content:start;grid-template-columns:1rem calc(80% - 1rem);gap:1rem;margin-bottom:.5rem}.sass-pg-cmt-lp-valid{color:green}.sass-pg-cmt-lp-invalid{color:gray}.sass-pg-cmt-lp-successContainer{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0 50px}.sass-pg-cmt-lp-thumbsUp{font-size:64px;margin-bottom:40px;color:var(--primary-main)}.sass-pg-cmt-lp-successMessage{font-size:20px;line-height:20px!important;letter-spacing:0;font-weight:400!important;font-family:Arial,sans-serif;padding:0;color:#040404;margin:0}.sass-pg-cmt-rp-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:100000}.sass-pg-cmt-rp-popup{background:#fff;border-radius:12px;padding:33px 48px 41px;width:90%;max-width:518px;box-shadow:0 5px 14px #0003;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.sass-pg-cmt-rp-title{font-size:22px;line-height:28px!important;font-weight:800;font-family:var(--ff);margin:0 0 45px;padding:0;color:#1f2937;letter-spacing:0px;text-align:left}.sass-pg-cmt-rp-optionsContainer{display:flex;flex-direction:column;gap:32px;margin-bottom:20px}.sass-pg-cmt-rp-option{display:flex;align-items:center;gap:22px;cursor:pointer}.sass-pg-cmt-rp-radioInput{display:none}.sass-pg-cmt-rp-radioCustom{width:20px;height:20px;border:2px solid #929193;border-radius:50%;position:relative;transition:all .2s ease;flex-shrink:0}.sass-pg-cmt-rp-radioInput:checked+.sass-pg-cmt-rp-radioCustom{border-color:#2563eb;background-color:#fff}.sass-pg-cmt-rp-radioInput:checked+.sass-pg-cmt-rp-radioCustom:after{content:"";width:10px;height:10px;border-radius:50%;background-color:#2563eb;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sass-pg-cmt-rp-optionLabel{font-family:Arial,Helvetica,sans-serif;color:#000c;font-size:16px;line-height:16px;letter-spacing:0px;font-weight:400}.sass-pg-cmt-rp-radioInput:checked~.sass-pg-cmt-rp-optionLabel{font-weight:700}.sass-pg-cmt-rp-buttons{display:flex;gap:12px;margin-top:20px;justify-content:space-between}.sass-pg-cmt-rp-cancelButton,.sass-pg-cmt-rp-closeButton,.sass-pg-cmt-rp-reportButton{padding:16.5px 29px;border:2px solid var(--primary-main);border-radius:50px;font-size:18px;line-height:18px;font-weight:700;cursor:pointer;transition:all .2s ease}.sass-pg-cmt-rp-cancelButton,.sass-pg-cmt-rp-closeButton{background:transparent;color:var(--primary-main)}.sass-pg-cmt-rp-cancelButton:hover,.sass-pg-cmt-rp-closeButton:hover{background-color:var(--primary-main);color:#fff}.sass-pg-cmt-rp-buttonAlone{width:100%;max-width:267px;margin:0 auto}.sass-pg-cmt-rp-reportButton{background:#0073be;color:#fff;min-width:100px}.sass-pg-cmt-rp-reportButton:disabled{border-color:#d9d9d9;background:#d9d9d9;cursor:not-allowed}.sass-pg-cmt-rp-successContainer{display:flex;flex-direction:column;align-items:center;text-align:center;padding:47px 0 122px}.sass-pg-cmt-rp-thumbsUp{font-size:64px;margin-bottom:40px;color:var(--primary-main)}.sass-pg-cmt-rp-successMessage{font-size:20px;line-height:20px!important;letter-spacing:0px;font-weight:400!important;font-family:Arial,sans-serif;padding:0;color:#040404;margin:0}@media(max-width:640px){.sass-pg-cmt-rp-popup{margin:16px;padding:24px;width:calc(100% - 32px)}.sass-pg-cmt-rp-title{font-size:20px;margin-bottom:20px}.sass-pg-cmt-rp-optionLabel{font-size:14px}.sass-pg-cmt-rp-buttons{flex-direction:column-reverse;gap:8px}.sass-pg-cmt-rp-cancelButton,.sass-pg-cmt-rp-closeButton,.sass-pg-cmt-rp-reportButton{width:100%;padding:14px 24px}}.sass-pg-cmt-rp-optionsContainer:has(+.sass-pg-cmt-rp-errorMessage){margin-bottom:25px}.sass-pg-cmt-rp-errorMessage{color:#dc2626;font-size:14px;font-family:Arial;line-height:20px;padding:0;margin-bottom:25px}.sass-pg-cmt-rp-loadingContainer{position:absolute;inset:0;background-color:#ffffff69;display:flex;align-items:center;justify-content:center}
|
|
1
|
+
.comments-container{width:90%;padding:2rem 1.5rem;background-color:var(--comments-background, white);font-family:Arial,sans-serif;--section-title-tab-background: #0163E9;--section-title-tab-width: 6px;--section-title-tab-height: 40px;--section-title-padding-desk: 1rem 1rem 5px 14px;--section-title-padding-mobile: 0 .5rem 0px 14px;--section-margin-botton-card: 0px}.comments-container:empty,.comments-container:has(>section>div:empty){display:none}.comments-container *{font-family:Arial,sans-serif}.comment-form{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px}.comment-form.reply-form{box-shadow:none;border:1px solid #d9d9d9}.reply-form .form-actions{margin-top:1rem}.reply-form:has(+.comment-replies){margin-bottom:20px}.close-reply-form{right:24px;top:17px;width:24px;height:24px;z-index:1}.comment-form>.comment-username{margin-bottom:26px}.comment-form label{letter-spacing:0px;font-size:18px;line-height:28px;color:#1f2937;margin-bottom:.5rem}.comment-form label:after{font-size:18px;line-height:28px;content:"*";color:#ff5d2c}.comment-form label:hover{opacity:1}.comment-form input::placeholder,.comment-form textarea::placeholder{color:#7b888a}.comment-form input,.comment-form textarea{padding:12px;letter-spacing:0px;font-size:18px;line-height:28px;color:#000;border-bottom:1px solid #D9D9D9}.comment-form textarea.warn:placeholder-shown{border-color:#ef4444}.comment-form textarea{resize:none}.comment-form .form-actions div:has(.g-recaptcha-response){width:100px!important}.comment-form div:has(>textarea):after{content:attr(data-text);position:absolute;right:8px;bottom:1rem;font-size:14px;color:#666}.comment-form div:has(>textarea.over-limit):after{color:#ef4444}.comment-form.anoninus-form{padding:20px}.comments-header>.anonimus-message{margin-top:-3px;margin-bottom:27px;font-size:18px;line-height:28px}.comments-header>.anonimus-message>button,.comments-header>.anonimus-message>a{color:#2e6fef;background:none;font-size:18px;line-height:28px;font-weight:var(--fw);font-family:Arial,sans-serif!important;letter-spacing:.5px}.form-actions{margin-top:2rem}.submit-zone{width:100%!important;margin:auto 0;gap:1px}.submit-warning{font-size:14px;color:#ef4444;font-family:Arial,Helvetica,sans-serif;letter-spacing:0px;line-height:28px}.submit-btn{width:fit-content;gap:10px;padding:16px 40px;border-radius:var(--comments-submit-btn-radius, 50px);color:var(--primary-main);border:var(--comments-submit-btn-border, 3px solid var(--primary-main));font-size:18px;line-height:18px;letter-spacing:.5px;font-family:Arial,sans-serif!important;white-space:nowrap;overflow:hidden;width:var(--button-width);transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.submit-btn.active:hover{opacity:1;background-color:var(--primary-main);color:#fff}.submit-btn.disabled{color:#d9d9d9;border-color:#d9d9d9;pointer-events:none}.success-gif-container{height:56px;width:90px}.success-gif{width:90px;top:-15px}.comments-list{margin-top:2rem}.comment-item:not(.reply){padding-bottom:24px}.comment-header-container{gap:14px}.comment-header-container[data-hasreplies=true]>:first-child:after{content:"";position:absolute;background-color:#d9d9d9;width:3px;height:calc(100% - 60px);bottom:14px}.comment-header-container[data-hasreplies=true]:has(.comment-replies-button.reply-button)>:first-child:after{height:calc(100% - 60px);bottom:14px}.comment-replies .comment-header-container>:first-child:after,.comment-replies-button.reply-button:after{content:"";position:absolute;width:25px;left:-31px;height:3px;background-color:#d9d9d9}.comment-replies .comment-item:last-child .comment-header-container>:first-child:before{content:"";position:absolute;width:35px;top:19px;left:-40px;height:100%;background-color:var(--comments-background, white)}.comment-avatar{width:36px;height:36px;background-color:var(--comment-avatar-color, --primary-main);color:#fff;font-size:16px;letter-spacing:0px;line-height:0px}.comment-avatar-img{background-color:var(--grey-300)}.comment-header{gap:3px .5rem;margin-top:5px;width:fit-content;margin-bottom:.1rem}.comment-username{font-size:17px;line-height:28px;font-family:var(--ff);letter-spacing:0px;color:var(--comment-avatar-username-color, black)}.comment-username.user-welcome{font-size:19px}.comment-header-dot{font-size:12px;color:#6b7280}.comment-date{font-size:14px;line-height:14px;color:#6b7280;letter-spacing:0px}.comment-reply-to{font-size:14px;letter-spacing:0px;color:#6b7280;margin-bottom:14px}.comment-reply-to strong{letter-spacing:0px;color:#374151;font-family:Arial,Helvetica,sans-serif!important}.comment-text{font-size:18px;color:#000;line-height:28px;letter-spacing:0px}[data-isauthenticated=false] .comment-text:has(+.comment-actions),.comment-text:has(+:not(.comment-actions)),.comment-replies .comment-text:last-child{padding-bottom:20px}.comment-actions{gap:1rem;padding-bottom:12px;background-color:var(--comments-background, white)}[data-isauthenticated=false] .comment-actions{display:none}.comment-replies-button{color:var(--primary-main);border:2px solid var(--primary-main);font-size:18px;padding:11px 22px;margin:0 auto;letter-spacing:0px;font-family:Arial,Helvetica,sans-serif;font-weight:700!important;background-color:#fff}.comment-replies-button.reply-button{padding:6px 14px;font-size:14px;margin:0;background-color:var(--grey-200)}.comment-replies-button:hover{opacity:1;background-color:var(--primary-main);color:#fff}.comment-actions:has(+.comment-replies){padding-bottom:20px}.comment-action-btn{font-size:14px;color:#4b5563;transition:color .2s ease}.comment-action-btn:hover{color:#1f2937}.user-actions-options.show+.user-actions-span svg{rotate:180deg}.user-actions-options.show{display:flex}.user-actions-options>button:hover{color:var(--primary-main);opacity:1}.user-actions-options>button{font-size:14px;line-height:28px;letter-spacing:0px;color:#000;font-weight:400!important;font-family:Arial,sans-serif!important}.user-actions-options{background-color:#fff;box-shadow:0 5px 14px #0000001a;border-radius:5px;top:100%;z-index:2;right:-50%}@media(min-width:1200px){.comments-container{width:100%}}@media(max-width:900px){.comments-container{width:100%;padding:0}.comment-header{margin-top:1px}.comment-text,.comment-actions{position:relative;left:-40px}.comment-replies .comment-item:last-child .comment-header-container>:first-child:before{top:15px}.comment-avatar{width:30px;height:30px}.form-actions{flex-direction:column;align-items:start;gap:1.5rem}.form-actions>*{width:100%}.submit-btn{padding:16px 0}.form-actions>.submit-zone>*{width:100%;text-align:center}}.sass-pg-cmt-lp-overlay{position:fixed;inset:0;z-index:9999;display:flex;justify-content:center;align-items:center;background-color:#0000004d}html:has(.sass-pg-cmt-lp-overlay){overflow:hidden!important}.sass-pg-cmt-lp-header{display:flex;align-items:center;margin-bottom:51px;position:relative}.sass-pg-cmt-lp-header .sass-pg-cmt-lp-logo{fill:var(--primary-main);margin:0 auto;justify-content:center;display:flex}.sass-pg-cmt-lp-anonimusWrapper{display:flex;flex-direction:column;position:relative;align-items:center;height:170px;overflow:hidden;justify-content:end;margin-top:10px}.sass-pg-cmt-lp-anonimus,.sass-pg-cmt-lp-label,.sass-pg-cmt-lp-primary,.sass-pg-cmt-lp-checkboxRow *{font-size:16px;line-height:16px}.sass-pg-cmt-lp-anonimus{border:1px solid #2E6FEF;font-family:Arial,sans-serif!important;border-radius:4px;background:#fff;font-weight:700;color:#2e6fef;height:52px;width:100%;position:relative;z-index:1}.sass-pg-cmt-lp-anonimusImage{width:203px;height:193px;position:absolute;bottom:0;z-index:0}.sass-pg-cmt-lp-card{background:#fff;border-radius:12px;padding:36px 48px 54px;width:90%;max-width:518px;display:flex;flex-direction:column;max-height:90dvh;box-shadow:0 5px 14px #0003;position:relative;animation:slideUp .3s ease-out}.sass-pg-cmt-lp-close{position:absolute;border:0;right:-1rem;background:transparent;font-size:1.2rem;color:#666;cursor:pointer}.sass-pg-cmt-lp-close:hover{color:#111}.sass-pg-cmt-lp-title{font-size:1.4rem;text-align:center;font-weight:800;font-family:var(--ff);margin-bottom:1rem;color:#222}.sass-pg-cmt-lp-form,.sass-pg-cmt-lp-formUl{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.sass-pg-cmt-lp-form{padding-top:1rem;overflow:hidden}.sass-pg-cmt-lp-formUl{padding:0;overflow-y:auto;overflow-x:hidden;width:100%}.sass-pg-cmt-lp-field{display:flex;flex-direction:column;gap:.35rem;width:100%}.sass-pg-cmt-lp-label{color:#444;font-family:Arial,Helvetica,sans-serif;font-weight:600;opacity:1!important}.sass-pg-cmt-lp-input{width:100%;padding:1rem .9rem;border:1px solid #e1e4ea;border-radius:10px;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}.sass-pg-cmt-lp-input:focus{border-color:var(--primary-main)}.sass-pg-cmt-lp-form[data-error=true] .sass-pg-cmt-lp-input:placeholder-shown{border-color:#dc2626}.sass-pg-cmt-lp-error{color:#dc2626;font-size:.9rem;margin-top:-.4rem}.sass-pg-cmt-lp-primary{position:relative;padding:0 2rem;width:100%;height:54px;text-transform:uppercase;letter-spacing:1px;background-color:#2e6fef;color:var(--common-white);border-radius:4px;margin-top:20px;border:none;cursor:pointer;display:flex;align-items:center;font-family:var(--ff, Arial)!important;justify-content:center}.sass-pg-cmt-lp-primary:hover{opacity:1;background:var(--primary-light)}.sass-pg-cmt-lp-primary:disabled{opacity:.7;cursor:not-allowed}.sass-pg-cmt-lp-divider{position:relative;text-align:center;margin:1rem 0 .5rem;color:#6b7280;font-size:.9rem}.sass-pg-cmt-lp-divider:before,.sass-pg-cmt-lp-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#e5e7eb}.sass-pg-cmt-lp-divider:before{left:0}.sass-pg-cmt-lp-divider:after{right:0}.sass-pg-cmt-lp-google{width:100%;display:flex;align-items:center;justify-content:center;gap:.7rem;border:1px solid #e5e7eb;border-radius:10px;padding:1rem .9rem;background:#fff;cursor:pointer;transition:box-shadow .2s,transform .02s}.sass-pg-cmt-lp-google span{font-size:18px;line-height:18px;font-family:Arial,Helvetica,sans-serif;font-weight:700}.sass-pg-cmt-lp-google:hover{background-color:var(--grey-300);box-shadow:0 2px 10px #0000000f}.sass-pg-cmt-lp-google:active{transform:scale(.99)}.sass-pg-cmt-lp-googleIcon{width:20px;height:20px}@media(max-width:900px){.sass-pg-cmt-lp-card{padding:36px 24px 54px}.sass-pg-cmt-lp-close{right:0}.sass-pg-cmt-lp-header .sass-pg-cmt-lp-logo{margin:0}}button .sass-pg-cmt-lp-spin{color:#fff}.sass-pg-cmt-lp-spin{height:2rem;width:2rem;color:#0073be;position:absolute}.sass-pg-cmt-lp-checkboxRow{display:flex;align-items:center;gap:6px;padding:.5rem 0}.sass-pg-cmt-lp-checkboxRow *{padding:0;font-weight:700;font-family:Arial,Helvetica,sans-serif}.sass-pg-cmt-lp-checkboxRow a,.sass-pg-cmt-lp-checkboxRow a:active,.sass-pg-cmt-lp-checkboxRow a:hover{color:var(--primary-main)}.sass-pg-cmt-lp-checkboxRow a:active,.sass-pg-cmt-lp-checkboxRow a:hover{text-decoration:underline}.sass-pg-cmt-lp-checkboxRow :nth-child(2){margin-right:auto}.sass-pg-cmt-lp-switch,.sass-pg-cmt-lp-terms{text-align:center;font-size:14px;padding:0}.sass-pg-cmt-lp-switch{margin-top:16px;line-height:14px}.sass-pg-cmt-lp-terms{margin-bottom:-18px;line-height:18px}.sass-pg-cmt-lp-terms a{margin:0 3px;color:var(--primary-main)}.sass-pg-cmt-lp-switch a,.sass-pg-cmt-lp-switch button,.sass-pg-cmt-lp-forgotPassword{color:var(--primary-main);font-size:14px;line-height:14px;margin-left:7px;padding:0;background-color:transparent;border:none}.sass-pg-cmt-lp-switch a:hover,.sass-pg-cmt-lp-switch button:hover,.sass-pg-cmt-lp-terms a:hover,.sass-pg-cmt-lp-forgotPassword:hover{text-decoration:underline}.sass-pg-cmt-lp-forgotPassword{display:block;text-align:center;margin-top:6px;font-family:var(--ff)}.sass-pg-cmt-lp-message{font-family:Arial,sans-serif;font-weight:600}.sass-pg-cmt-lp-formUl [name=password][value=""]:not(:focus)+.sass-pg-cmt-lp-passwordChecker{display:none}.sass-pg-cmt-lp-passwordChecker{margin-top:6px;font-size:.9rem;line-height:1.4;padding-left:.7rem}.sass-pg-cmt-lp-passwordChecker>div{display:grid;justify-content:start;grid-template-columns:1rem calc(80% - 1rem);gap:1rem;margin-bottom:.5rem}.sass-pg-cmt-lp-valid{color:green}.sass-pg-cmt-lp-invalid{color:gray}.sass-pg-cmt-lp-successContainer{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0 50px}.sass-pg-cmt-lp-thumbsUp{font-size:64px;margin-bottom:40px;color:var(--primary-main)}.sass-pg-cmt-lp-successMessage{font-size:20px;line-height:20px!important;letter-spacing:0;font-weight:400!important;font-family:Arial,sans-serif;padding:0;color:#040404;margin:0}.sass-pg-cmt-rp-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:100000}.sass-pg-cmt-rp-popup{background:#fff;border-radius:12px;padding:33px 48px 41px;width:90%;max-width:518px;box-shadow:0 5px 14px #0003;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.sass-pg-cmt-rp-title{font-size:22px;line-height:28px!important;font-weight:800;font-family:var(--ff);margin:0 0 45px;padding:0;color:#1f2937;letter-spacing:0px;text-align:left}.sass-pg-cmt-rp-optionsContainer{display:flex;flex-direction:column;gap:32px;margin-bottom:20px}.sass-pg-cmt-rp-option{display:flex;align-items:center;gap:22px;cursor:pointer}.sass-pg-cmt-rp-radioInput{display:none}.sass-pg-cmt-rp-radioCustom{width:20px;height:20px;border:2px solid #929193;border-radius:50%;position:relative;transition:all .2s ease;flex-shrink:0}.sass-pg-cmt-rp-radioInput:checked+.sass-pg-cmt-rp-radioCustom{border-color:#2563eb;background-color:#fff}.sass-pg-cmt-rp-radioInput:checked+.sass-pg-cmt-rp-radioCustom:after{content:"";width:10px;height:10px;border-radius:50%;background-color:#2563eb;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sass-pg-cmt-rp-optionLabel{font-family:Arial,Helvetica,sans-serif;color:#000c;font-size:16px;line-height:16px;letter-spacing:0px;font-weight:400}.sass-pg-cmt-rp-radioInput:checked~.sass-pg-cmt-rp-optionLabel{font-weight:700}.sass-pg-cmt-rp-buttons{display:flex;gap:12px;margin-top:20px;justify-content:space-between}.sass-pg-cmt-rp-cancelButton,.sass-pg-cmt-rp-closeButton,.sass-pg-cmt-rp-reportButton{padding:16.5px 29px;border:2px solid var(--primary-main);border-radius:50px;font-size:18px;line-height:18px;font-weight:700;cursor:pointer;transition:all .2s ease}.sass-pg-cmt-rp-cancelButton,.sass-pg-cmt-rp-closeButton{background:transparent;color:var(--primary-main)}.sass-pg-cmt-rp-cancelButton:hover,.sass-pg-cmt-rp-closeButton:hover{background-color:var(--primary-main);color:#fff}.sass-pg-cmt-rp-buttonAlone{width:100%;max-width:267px;margin:0 auto}.sass-pg-cmt-rp-reportButton{background:#0073be;color:#fff;min-width:100px}.sass-pg-cmt-rp-reportButton:disabled{border-color:#d9d9d9;background:#d9d9d9;cursor:not-allowed}.sass-pg-cmt-rp-successContainer{display:flex;flex-direction:column;align-items:center;text-align:center;padding:47px 0 122px}.sass-pg-cmt-rp-thumbsUp{font-size:64px;margin-bottom:40px;color:var(--primary-main)}.sass-pg-cmt-rp-successMessage{font-size:20px;line-height:20px!important;letter-spacing:0px;font-weight:400!important;font-family:Arial,sans-serif;padding:0;color:#040404;margin:0}@media(max-width:640px){.sass-pg-cmt-rp-popup{margin:16px;padding:24px;width:calc(100% - 32px)}.sass-pg-cmt-rp-title{font-size:20px;margin-bottom:20px}.sass-pg-cmt-rp-optionLabel{font-size:14px}.sass-pg-cmt-rp-buttons{flex-direction:column-reverse;gap:8px}.sass-pg-cmt-rp-cancelButton,.sass-pg-cmt-rp-closeButton,.sass-pg-cmt-rp-reportButton{width:100%;padding:14px 24px}}.sass-pg-cmt-rp-optionsContainer:has(+.sass-pg-cmt-rp-errorMessage){margin-bottom:25px}.sass-pg-cmt-rp-errorMessage{color:#dc2626;font-size:14px;font-family:Arial;line-height:20px;padding:0;margin-bottom:25px}.sass-pg-cmt-rp-loadingContainer{position:absolute;inset:0;background-color:#ffffff69;display:flex;align-items:center;justify-content:center}
|
package/package.json
CHANGED
|
@@ -1,68 +1,68 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "sass-template-common",
|
|
3
|
-
"version": "0.9.
|
|
4
|
-
"type": "module",
|
|
5
|
-
"files": [
|
|
6
|
-
"dist"
|
|
7
|
-
],
|
|
8
|
-
"main": "./dist/sass-template-common.umd.cjs",
|
|
9
|
-
"module": "./dist/sass-template-common.js",
|
|
10
|
-
"types": "./dist/sass-template-common.d.ts",
|
|
11
|
-
"exports": {
|
|
12
|
-
".": {
|
|
13
|
-
"import": "./dist/sass-template-common.js",
|
|
14
|
-
"require": "./dist/sass-template-common.umd.cjs",
|
|
15
|
-
"types": "./dist/sass-template-common.d.ts",
|
|
16
|
-
"style": "./dist/sass-template-common.css"
|
|
17
|
-
},
|
|
18
|
-
"./styles.css": "./dist/sass-template-common.css",
|
|
19
|
-
"./layout.css": "./dist/layout.css",
|
|
20
|
-
"./note.css": "./dist/note.css",
|
|
21
|
-
"./ficha-video.css": "./dist/ficha-video.css",
|
|
22
|
-
"./ui/": "./dist/ui/"
|
|
23
|
-
},
|
|
24
|
-
"scripts": {
|
|
25
|
-
"dev": "node server",
|
|
26
|
-
"build": "tsc -b && vite build && vite build --config vite.styles.config.ts",
|
|
27
|
-
"clean": "rm -rf dist node_modules/.tmp/tsconfig.app.tsbuildinfo node_modules/.tmp/tsconfig.node.tsbuildinfo tsconfig.tsbuildinfo",
|
|
28
|
-
"prepublishOnly": "pnpm run clean && pnpm run build",
|
|
29
|
-
"version:patch": "pnpm version patch --no-git-tag-version",
|
|
30
|
-
"version:minor": "pnpm version minor --no-git-tag-version",
|
|
31
|
-
"version:major": "pnpm version major --no-git-tag-version",
|
|
32
|
-
"release:patch": "pnpm run clean && pnpm run build && pnpm version patch && pnpm publish",
|
|
33
|
-
"release:minor": "pnpm run clean && pnpm run build && pnpm version minor && pnpm publish",
|
|
34
|
-
"lint": "eslint .",
|
|
35
|
-
"preview": "vite preview",
|
|
36
|
-
"build:client": "vite build --outDir dist/client --ssrManifest",
|
|
37
|
-
"build:server": "vite build --outDir dist/server --ssr ./entry-server.js"
|
|
38
|
-
},
|
|
39
|
-
"peerDependencies": {
|
|
40
|
-
"axios": "^1.13.2",
|
|
41
|
-
"dayjs": "^1.11.19",
|
|
42
|
-
"react": "^19.1.1",
|
|
43
|
-
"react-dom": "^19.1.1",
|
|
44
|
-
"react-google-recaptcha": "^3.1.0"
|
|
45
|
-
},
|
|
46
|
-
"devDependencies": {
|
|
47
|
-
"@eslint/js": "^9.36.0",
|
|
48
|
-
"@types/node": "^24.6.0",
|
|
49
|
-
"@types/react": "^19.1.16",
|
|
50
|
-
"@types/react-dom": "^19.1.9",
|
|
51
|
-
"@types/react-google-recaptcha": "^2.1.9",
|
|
52
|
-
"@vitejs/plugin-react": "^5.0.4",
|
|
53
|
-
"axios": "^1.13.2",
|
|
54
|
-
"dayjs": "^1.11.19",
|
|
55
|
-
"eslint": "^9.36.0",
|
|
56
|
-
"eslint-plugin-react-hooks": "^5.2.0",
|
|
57
|
-
"eslint-plugin-react-refresh": "^0.4.22",
|
|
58
|
-
"express": "^5.1.0",
|
|
59
|
-
"globals": "^16.4.0",
|
|
60
|
-
"react": "^19.1.1",
|
|
61
|
-
"react-dom": "^19.1.1",
|
|
62
|
-
"typescript": "~5.9.3",
|
|
63
|
-
"typescript-eslint": "^8.45.0",
|
|
64
|
-
"vite": "^7.1.7",
|
|
65
|
-
"vite-plugin-dts": "^4.5.4",
|
|
66
|
-
"vite-plugin-ssr": "^0.4.142"
|
|
67
|
-
}
|
|
68
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "sass-template-common",
|
|
3
|
+
"version": "0.9.49",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"files": [
|
|
6
|
+
"dist"
|
|
7
|
+
],
|
|
8
|
+
"main": "./dist/sass-template-common.umd.cjs",
|
|
9
|
+
"module": "./dist/sass-template-common.js",
|
|
10
|
+
"types": "./dist/sass-template-common.d.ts",
|
|
11
|
+
"exports": {
|
|
12
|
+
".": {
|
|
13
|
+
"import": "./dist/sass-template-common.js",
|
|
14
|
+
"require": "./dist/sass-template-common.umd.cjs",
|
|
15
|
+
"types": "./dist/sass-template-common.d.ts",
|
|
16
|
+
"style": "./dist/sass-template-common.css"
|
|
17
|
+
},
|
|
18
|
+
"./styles.css": "./dist/sass-template-common.css",
|
|
19
|
+
"./layout.css": "./dist/layout.css",
|
|
20
|
+
"./note.css": "./dist/note.css",
|
|
21
|
+
"./ficha-video.css": "./dist/ficha-video.css",
|
|
22
|
+
"./ui/": "./dist/ui/"
|
|
23
|
+
},
|
|
24
|
+
"scripts": {
|
|
25
|
+
"dev": "node server",
|
|
26
|
+
"build": "tsc -b && vite build && vite build --config vite.styles.config.ts",
|
|
27
|
+
"clean": "rm -rf dist node_modules/.tmp/tsconfig.app.tsbuildinfo node_modules/.tmp/tsconfig.node.tsbuildinfo tsconfig.tsbuildinfo",
|
|
28
|
+
"prepublishOnly": "pnpm run clean && pnpm run build",
|
|
29
|
+
"version:patch": "pnpm version patch --no-git-tag-version",
|
|
30
|
+
"version:minor": "pnpm version minor --no-git-tag-version",
|
|
31
|
+
"version:major": "pnpm version major --no-git-tag-version",
|
|
32
|
+
"release:patch": "pnpm run clean && pnpm run build && pnpm version patch && pnpm publish",
|
|
33
|
+
"release:minor": "pnpm run clean && pnpm run build && pnpm version minor && pnpm publish",
|
|
34
|
+
"lint": "eslint .",
|
|
35
|
+
"preview": "vite preview",
|
|
36
|
+
"build:client": "vite build --outDir dist/client --ssrManifest",
|
|
37
|
+
"build:server": "vite build --outDir dist/server --ssr ./entry-server.js"
|
|
38
|
+
},
|
|
39
|
+
"peerDependencies": {
|
|
40
|
+
"axios": "^1.13.2",
|
|
41
|
+
"dayjs": "^1.11.19",
|
|
42
|
+
"react": "^19.1.1",
|
|
43
|
+
"react-dom": "^19.1.1",
|
|
44
|
+
"react-google-recaptcha": "^3.1.0"
|
|
45
|
+
},
|
|
46
|
+
"devDependencies": {
|
|
47
|
+
"@eslint/js": "^9.36.0",
|
|
48
|
+
"@types/node": "^24.6.0",
|
|
49
|
+
"@types/react": "^19.1.16",
|
|
50
|
+
"@types/react-dom": "^19.1.9",
|
|
51
|
+
"@types/react-google-recaptcha": "^2.1.9",
|
|
52
|
+
"@vitejs/plugin-react": "^5.0.4",
|
|
53
|
+
"axios": "^1.13.2",
|
|
54
|
+
"dayjs": "^1.11.19",
|
|
55
|
+
"eslint": "^9.36.0",
|
|
56
|
+
"eslint-plugin-react-hooks": "^5.2.0",
|
|
57
|
+
"eslint-plugin-react-refresh": "^0.4.22",
|
|
58
|
+
"express": "^5.1.0",
|
|
59
|
+
"globals": "^16.4.0",
|
|
60
|
+
"react": "^19.1.1",
|
|
61
|
+
"react-dom": "^19.1.1",
|
|
62
|
+
"typescript": "~5.9.3",
|
|
63
|
+
"typescript-eslint": "^8.45.0",
|
|
64
|
+
"vite": "^7.1.7",
|
|
65
|
+
"vite-plugin-dts": "^4.5.4",
|
|
66
|
+
"vite-plugin-ssr": "^0.4.142"
|
|
67
|
+
}
|
|
68
|
+
}
|